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;
}

js 改变颜色透明度十六进制 RGBA相关推荐

颜色透明度十六进制表示法
Android开发中经常会用到色值的透明度,比如要70%透明或者30%透明,这时候就有点犯难了,要么Google,要么借助PS等工具,其实都比较麻烦,下面将把0到100的透明度按照5%的梯度列出,方便 ...
[JS] HEX颜色转换成RGBA
写了一个函数,可以把hex格式的颜色转为rgba的格式实际上不是颜色转换,主要是slice()函数的使用吧,当成字符串理解就好. function change(hex) {if (hex.leng ...
html背景颜色透明度hex,CSS背景颜色设置透明度的两种方法（8位hex和rgba）
目录一. 6位HEX转RGBA 二.8位HEX 在写微信小程序的时候,有个需求是按背景颜色 background-color要设透明度0.85,让背景图片 background-image透一点出来 ...
Three.js 实现点击模型改变颜色
Three.js 实现点击模型改变颜色想实现点击模型,改变模型颜色的效果.在网上看了一些代码,发现特别搞笑,很多的博客给出的计算代码都是错误的,根本无法实现点击效果,还在不同的博客相互的复制,只能感 ...
js实现颜色转换hex转rgba
js实现颜色转换一.hex转rgba const hex2Rgba = (bgColor, alpha = 1) => {let color = bgColor.slice(1); // 去掉 ...
JS实现奇偶行变色，鼠标滑上改变颜色，离开恢复颜色
JS实现奇偶行变色,鼠标滑上改变颜色,离开恢复颜色 css 奇偶行变色是通过 li:nth(odd) 和 li:nth(even) 实现的,鼠标滑上改变颜色,离开恢复颜色是通过 :hover 实现的 ...
three.js改变模型局部颜色(vue)
传入想要改变颜色的3D模型对象,选择子级mesh的名字修改模型局部颜色 object.traverse(child=>{// if(object.name==='model.glb') {// ...
html鼠标文字渐变效果,JS实现文字链接感应鼠标淡入淡出改变颜色的方法
本文实例讲述了JS实现文字链接感应鼠标淡入淡出改变颜色的方法.分享给大家供大家参考.具体实现方法如下: JS实现文字链接感应鼠标淡入淡出改变颜色 startColor = "#671700& ...
html设置颜色透明度(rgba和opacity的区别)
rgba只对你想要设置的元素起作用,不会对其他元素产生影响. opacity具有继承性,如果你把它设置在父元素内,那么父元素包括其子元素都会产生透明,如果只对子元素设置透明度,,那么子元素包含的所有内 ...

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

js 改变颜色透明度十六进制 RGBA相关推荐

最新文章

热门文章

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

js 改变颜色透明度 十六进制 RGBA相关推荐

最新文章

热门文章

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

js 改变颜色透明度十六进制 RGBA相关推荐