没有合适的资源?快使用搜索试试~ 我知道了~
本文实例讲述了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,
资源详情
资源评论
资源推荐
JS实现颜色的实现颜色的10进制转化成进制转化成rgba格式的方法格式的方法
本文实例讲述了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})`;
}
PS:这里再为大家推荐几款本站的相关在线工具::这里再为大家推荐几款本站的相关在线工具:
在线在线RGB、、HEX颜色代码生成器:颜色代码生成器:
http://tools.jb51.net/color/rgb_color_generator
RGB颜色查询对照表颜色查询对照表_颜色代码表颜色代码表_颜色的英文名称大全:颜色的英文名称大全:
http://tools.jb51.net/color/jPicker
在线网页调色板工具:在线网页调色板工具:
http://tools.jb51.net/color/color_picker
在线颜色选择器工具在线颜色选择器工具/RGB颜色查询对照表:颜色查询对照表:
http://tools.jb51.net/color/colorpicker
更多关于JavaScript相关内容可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、
《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、
《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
weixin_38602189
- 粉丝: 8
- 资源: 961
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 第二版笔记Python哈哈哈哈哈
- 一个关于ssh框架完整项目代码
- 三门问题蒙特卡洛python代码
- 基于C语言的产品管理系统(文字版).c
- KTV歌曲点歌平台文字版.c
- 嵌入式Linux网络体系结构设计与TCP/IP协议栈.pdf.zip
- ESO-Based Adaptive Robust Force Control of Linear Electric Load
- Screenshot_20240416_202154_com.baidu.netdisk.jpg
- 基于Linux平台的轻量级应用服务器
- 天气预报爬虫 (WeatherCrawler) 介绍:这个脚本可以爬取天气预报网站上的天气信息,如温度、湿度、风速等,并打印出来
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0