颜色转换

来源:互联网 发布: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(",") + ")";        }

  

  

原创粉丝点击