根据之前的讲解 也就是这篇:https://www.cnblogs.com/heibaiqi/p/16612375.html,了解到16进制和rgba的关系,但是我碰到rgba转化为未调整的16进制时,居然搜不到,就一个简简单单的转化为啥非要变成6位的16进制呢?不同程序员需要的都不一样居然没有人出,网上大部分的版本是这样:
// rgba转16进制 hexify (color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); var a = parseFloat(values[3] || 1), r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255), g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255), b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255); return "#" + ("0" + r.toString(16)).slice(-2) + ("0" + g.toString(16)).slice(-2) + ("0" + b.toString(16)).slice(-2); }
看完我都想问了,我都需要rgba转化为未调整的16进制肯定是需要16进制是8位的啊,为啥给我调整喽?
搜了好多都没有写的,最后还是自己手动敲的,代码如下:
//rbga转化为16进制 rgbaConversionSixteen(color) { let values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); let a = (Math.floor(values[3]*256)).toString(16), r = (values[0]*1).toString(16), g = (values[1]*1).toString(16), b = (values[2]*1).toString(16); let str = r+g+b+a return "#" + str.toUpperCase() }
中间我把小写字母转化为大写字母了,不需要的可以省略这一步
标签:进制,16,replace,toString,rgba,values From: https://www.cnblogs.com/heibaiqi/p/16625174.html