简单的做一个颜色进制转换

以蓝色为例,#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 条评论
登录 后参与评论

相关文章

来自专栏ShaoYL

iOS---设置控件的内容模式

33912
来自专栏EAWorld

了解、接受和利用Java中的Optional (类)

作者:EUGEN PARASCHIV 译者:海松 原题: Understanding, Accepting and Leveraging Optional in...

3256
来自专栏desperate633

设计模式之享元模式(flyweight模式)引入享元模式享元模式的实例程序享元模式分析

flyweight是轻量级的意思,指的是拳击比赛中选手体重最轻的等级。顾名思义,享元设计模式就是为了是对象更轻。 不过这里的轻的描述与现实中不一样。对于对象来...

752
来自专栏python3

python3--面向对象--综合练习

3  解释生成器(generator)与函数的不同,并实现且使用简单generator

652
来自专栏风口上的猪的文章

.NET面试题系列[7] - 委托与事件

C#中的委托可以说俯拾即是,从LINQ中的lambda表达式到(包括但不限于)winform,wpf中的各种事件都有着委托的身影。C#中如果没有了事件,那绝对是...

462
来自专栏FD的专栏

写出形似QML的C++代码

我的第一个想法(居然?)是做个Embedded-DSL。不过C++又不是Ruby……随便搜了一下,发现了一篇文章,也只是利用了重载运算符和运算符优先级,看上去限...

492
来自专栏向治洪

桥接模式

概述 当一个抽象对象可能有多个 实现时,通常用继承来协调他们。抽象类定义对该抽象的接口,而具体的子类则用不同的方式来实现。但是此方法有时候不太灵活。继承机制将抽...

1768
来自专栏学习力

《Java从入门到放弃》JavaSE入门篇:异常

1553
来自专栏流媒体

Prototype模式简介

用于创建重复的对象,同时又能保证性能。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。这种模式是实现了一个原型接口,该接口用于创建当前对象的克...

581
来自专栏jessetalks

背后的故事之 - 快乐的Lambda表达式(二)

快乐的Lambda表达式   上一篇 背后的故事之 - 快乐的Lambda表达式(一)我们由浅入深的分析了一下Lambda表达式。知道了它和委托以及普通方法的区...

2524

扫码关注云+社区