首页 > 开发 > JS > 正文

JS实现颜色的10进制转化成rgba格式的方法

2024-05-06 16:39:30
字体:
来源:转载
供稿:网友

本文实例讲述了JS实现颜色的10进制转化成rgba格式的方法。分享给大家供大家参考,具体如下:

当我们在已知一个整数如(0~256x256x256x256 之间的颜色值),想获得关于它的3原色加一个透明度时,即alpha, red, green, blue,可采用如下方法:

方法一:

function getColor(number) {  let color = number;  const blue = parseInt(color % 0x100, 10);  color = color >>> 8;  const green = parseInt(color % 0x100, 10);  color = color >>> 8;  const red = parseInt(color % 0x100, 10);  const alpha = (parseInt(color >>> 8, 10) / 0xFF).toFixed(1);  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;}

方法二:

function getColor(number) {  const alpha = number >> 24 & 0xff;  const red = number >> 16 & 0xff;  const green = number >> 8 & 0xff;  const blue = number & 0xff;  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;}

 

希望本文所述对大家JavaScript程序设计有所帮助。


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表