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 @ 2022-08-25 17:53  黑白棋学弟  阅读(147)  评论(0编辑  收藏  举报