1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js 改变颜色透明度 十六进制 RGBA

js 改变颜色透明度 十六进制 RGBA

时间:2024-03-04 14:49:03

相关推荐

js 改变颜色透明度 十六进制 RGBA

/*** 十六进制color颜色/RGBA/RGB,改变透明度* @param {*} thisColor #555 rgba(85,85,85,0.6) rgb(85,85,85)* @param {*} thisOpacity 0.7* @returns rgba(85,85,85,0.7)*/export function getOpacityColor(thisColor, thisOpacity) {var theColor = thisColor.toLowerCase();//十六进制颜色值的正则表达式var r = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;// 如果是16进制颜色if (theColor && r.test(theColor)) {if (theColor.length === 4) {var sColorNew = '#';for (var i = 1; i < 4; i += 1) {sColorNew += theColor.slice(i, i + 1).concat(theColor.slice(i, i + 1));}theColor = sColorNew;}//处理六位的颜色值var sColorChange = [];for (var j = 1; j < 7; j += 2) {sColorChange.push(parseInt('0x' + theColor.slice(j, j + 2)));}return 'rgba(' + sColorChange.join(',') + ',' + thisOpacity + ')';}// 如果是rgba或者rgbif (theColor.startsWith('rgb')) {let numbers = theColor.match(/(\d(\.\d+)?)+/g);numbers = numbers.slice(0, 3).concat(thisOpacity);return 'rgba(' + numbers.join(',') + ')';}return theColor;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。