颜色转换
来源:互联网 发布:crocs洞洞鞋淘宝 编辑:程序博客网 时间:2024/04/30 06:23
以蓝色为例,#0000FF应该被表示成rgb(0,0,255)。
我们将函数命名为getRGB()
(可以将字符串视为数组,这个数组的元素为字符)
function getRGB(color) { var rgb = [parseInt('0x'+color.slice(1,3)),parseInt('0x'+color.slice(3,5)),parseInt('0x'+color.slice(5,7))]; return "rgb(" + rgb[0] + "," + rgb[1] + "," +rgb[2] +")" ; }
在控制台中,我们发现:当我们缩写16进制颜色的时候,就会出现NaN;
(这个例子我练习了之前学到的数组的slice方法)
经过一段时间的学习,我们可以试试这样
var getRGB = function(oRgb) { var color = [], rgb = []; oRgb = oRgb.replace(/#/, ""); if (oRgb.length == 3) { var tmp = []; for (var i = 0; i < 3; i++) { tmp.push(oRgb.charAt(i) + oRgb.charAt(i)); } oRgb = tmp.join(""); } for (var i = 0; i < 3; i++) { color[i] = "0x" + oRgb.substr(i + 2, 2); rgb.push(parseInt(Number(color[i]))); } return "rgb(" + rgb.join(",") + ")"; }
阅读全文
0 0
- 颜色转换
- 颜色转换
- 颜色转换
- 颜色转换
- 颜色转换
- 颜色转换
- 颜色转换
- RGB颜色转换十六进制颜色
- AS3各颜色进制间转换 颜色转换
- 颜色的转换
- 颜色模型转换公式
- 颜色空间转换
- RGB颜色转换函数
- RGB颜色在线转换
- 颜色空间转换
- 【PB】颜色转换公式
- 颜色空间转换
- RGB转换颜色
- struts2(四)拦截器
- 给 Android 开发者的 RxJava 详解
- 获取class
- 28岁学习PHP,并不晚!
- spring批量更新数据 ---- BatchPreparedStatementSetter
- 颜色转换
- 站点信息配置-使用数据库
- 编译原理:求产生式的FIRST集合
- Special Judge Ⅱ
- U盘修复
- Openstack : 16、Openstack-开发基础 stevedore学习
- redis数据结构整理(一)
- java在Java代码中创建Excel表格并进行插入查看表格里面一个单元格的内容
- HDOJ 5213 Lucky(分块+莫队+容斥原理)