rgbTo16/16Torgb

export function setRgbTo16(str){
    let reg = /^(rgb|RGB)/;
    if(!reg.test(str)){return;}
    // 将str中的数字提取出来放进数组中
    var arr = str.slice(4, str.length-1).split(",");
    let c = '#';
    for(var i = 0; i < arr.length; i++){
        // Number() 函数把对象的值转换为数字
        // toString(16) 将数字转换为十六进制的字符表示
        var t = Number(arr[i]).toString(16);
        //如果小于16,需要补0操作,否则只有5位数
        if(Number(arr[i]) < 16){
            t = '0' + t;
        }
        c += t;
    }
    return c;
}

export function set16ToRgb(str){
    // 十六进制颜色代码的正则表达式
    var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/
    // test() 检测str是否匹配十六进制颜色的模式
    if(!reg.test(str)){return;}
    // 把字符串中的英文字母都变为小写字母,并将#替换为空(去掉#)
    let newStr = (str.toLowerCase()).replace(/\#/g,'')
    let len = newStr.length;
    if(len == 3){
        let t = ''
        for(var i = 0; i < len; i++){
            // slice(start, end) 方法可提取字符串从start(包含) 到 end(不包含)的内容,并以新的字符串返回被提取的部分
            // concat() 方法用于连接两个或多个字符串
            // 将16进制的颜色代码为3位的补齐为6位
            t += newStr.slice(i,i+1).concat(newStr.slice(i,i+1))
        }
        newStr = t
    }
    let arr = []; 
    //将字符串分隔,两个两个的分隔
    for(var i =0; i < 6; i = i + 2){
        let s = newStr.slice(i, i + 2)
        // parseInt() 函数可解析一个字符串,并返回一个整数
        // 如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。
        arr.push(parseInt("0x" + s))
    }
    // 字符串拼接为rgb格式的颜色代码
    return 'rgb(' + arr.join(",")  + ')';
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值