16进制=>rebg(包含透明度的转换处理)
//别的地方调用this.ToRgba(this.colorLeft_, 0.2)
// 16进制转换rgba
ToRgba (str, n) {
// 十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
var sColor = str.toLowerCase()
// 十六进制颜色转换为RGB格式
if (sColor && reg.test(sColor)) {
if (sColor.length === 4) {
var sColorNew = '#'
for (let i = 1; i < 4; i += 1) { // 例如:#eee,#fff等
sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1))
}
sColor = sColorNew
}
// 处理六位颜色值
var sColorChange = []
for (let i = 1; i < 7; i += 2) {
sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)))
}
return 'rgba(' + sColorChange.join(',') + ',' + n + ')'
} else {
return sColor
}
}
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts