rgba转化为未调整的16进制
根据之前的讲解 也就是这篇: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 m = 0;
// 如果rbga中a为1时变为255
if(values[3]*256 == 256) {
m=255
}else {
m = values[3]*256
}
let a = (Math.floor(m)).toString(16),
r = (values[0]*1).toString(16),
g = (values[1]*1).toString(16),
b = (values[2]*1).toString(16);
// 补0操作
if(r.length == 1) r = 0+r
if(g.length == 1) g = 0+g
if(b.length == 1) b = 0+b
if(a.length == 1) a = 0+a
let str = r+g+b+a
return "#" + str.toUpperCase()
}
中间我把小写字母转化为大写字母了,不需要的可以省略这一步
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」