rgba转化为未调整的16进制

根据之前的讲解 也就是这篇:https://www.cnblogs.com/heibaiqi/p/16612375.html,了解到16进制和rgba的关系,但是我碰到rgba转化为未调整的16进制时,居然搜不到,就一个简简单单的转化为啥非要变成6位的16进制呢?不同程序员需要的都不一样居然没有人出,网上大部分的版本是这样:

复制代码
 // rgba转16进制

    hexify (color) {
      var values = color

        .replace(/rgba?\(/, '')

        .replace(/\)/, '')

        .replace(/[\s+]/g, '')

        .split(',');

      var a = parseFloat(values[3] || 1),

        r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),

        g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),

        b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255);

      return "#" +

        ("0" + r.toString(16)).slice(-2) +

        ("0" + g.toString(16)).slice(-2) +

        ("0" + b.toString(16)).slice(-2);

    }
复制代码

看完我都想问了,我都需要rgba转化为未调整的16进制肯定是需要16进制是8位的啊,为啥给我调整喽?

搜了好多都没有写的,最后还是自己手动敲的,代码如下:

复制代码
//rbga转化为16进制
    rgbaConversionSixteen(color) {
        let values = color
          .replace(/rgba?\(/, '')
          .replace(/\)/, '')
          .replace(/[\s+]/g, '')
          .split(',');
          let m = 0;
        //   如果rbga中a为1时变为255
        if(values[3]*256 == 256) {
            m=255
        }else {
            m = values[3]*256
        }
        let a = (Math.floor(m)).toString(16),
            r = (values[0]*1).toString(16),
            g = (values[1]*1).toString(16),
            b = (values[2]*1).toString(16);
            // 补0操作
            if(r.length == 1) r = 0+r
            if(g.length == 1) g = 0+g
            if(b.length == 1) b = 0+b
       if(a.length == 1) a = 0+a
        let str = r+g+b+a
        return "#" + str.toUpperCase()
    }
复制代码

中间我把小写字母转化为大写字母了,不需要的可以省略这一步

posted @   黑白棋学弟  阅读(250)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示