第一句子网 - 唯美句子、句子迷、好句子大全
第一句子网 > Vue中将十六进制颜色格式转换为RGB格式

Vue中将十六进制颜色格式转换为RGB格式

时间:2021-11-22 18:47:45

相关推荐

Vue中将十六进制颜色格式转换为RGB格式

话不多说,上代码

olorRgb(color){var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;var sColor = color.toLowerCase();if(sColor && reg.test(sColor)){if(sColor.length === 4){var sColorNew = "#";for(var i=1; i<4; i+=1){sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));}sColor = sColorNew;}//处理六位的颜色值var sColorChange = [];for(var i=1; i<7; i+=2){sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));}return "rgba(" + sColorChange.join(",") + ")";}else{return sColor;}},

使用的时候直接在js代码块或者vue对象中调用即可

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