首页 > 其他分享 >16进制颜色转RGB模式带透明度

16进制颜色转RGB模式带透明度

时间:2023-03-02 16:13:10浏览次数:37  
标签:slice 进制 16 color RGB var colorChange colorNew

function toColorRgba(color, opacity) {
    // 16进制颜色值的正则
    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
    // 把颜色变成小写
    var color = color.toString().toLowerCase();
    if (reg.test(color)) {
        // 如果只有三位的值,需要转换成六位 #fff => #ffffff
        if (color.length == 4) {
            var colorNew = '#';
            for (var i = 1; i < 4; i += 1) {
                colorNew += color.slice(i, i + 1).concat(color.slice(i, i + 1));
            }
            color = colorNew;
        }
        // 处理六位的颜色值,转为RGB格式
        var colorChange = [];
        for (var i = 1; i < 7; i += 2) {
            colorChange.push(parseInt('0x' + color.slice(i, i + 2)));
        }
        var rgbaStr = 'rgba(' + colorChange.join(',') + ',' + opacity/100 + ')';
        return rgbaStr;
    } else {
        return color;
    }
}

 

标签:slice,进制,16,color,RGB,var,colorChange,colorNew
From: https://www.cnblogs.com/stt-bky/p/17172150.html

相关文章

  • Qt-FFmpeg开发-视频播放【软解码 + OpenGL显示RGB图像】(3)
    Qt-FFmpeg开发-视频播放【软解码+OpenGL显示RGB图像】目录Qt-FFmpeg开发-视频播放【软解码+OpenGL显示RGB图像】1、概述2、实现效果3、FFmpeg软解码流程4、主要代码4.......
  • 力扣---面试题 05.02. 二进制数转字符串
     二进制数转字符串。给定一个介于0和1之间的实数(如0.72),类型为double,打印它的二进制表达式。如果该数字无法精确地用32位以内的二进制表示,则打印“ERROR”。示例1:输......
  • pat乙级1016 部分A+B
    #include<stdio.h>#include<stdlib.h>#include<string.h>#include<math.h>intmain(){intcounta=0,countb=0;intpa=0,pb=0;chara[10],......
  • 网络安全丨二进制小白应该如何学习入门?
    作者:黑蛋昨天说了一下为神马二进制学习周期长,今儿就来聊一聊Windows二进制小白应该如何学习入门。学逆向,先要学正向,这个是没办法避免的事情,不要想着一开始就要搞破解,搞病......
  • 16.设置允许跨域
      @ConfigurationpublicclassBianenCorsConfiguration{@BeanpublicCorsWebFiltercorsWebFilter(){UrlBasedCorsConfigurationSourcesour......
  • 自适应均衡matlab仿真,对比RLS,LMS以及NLMS的均衡前后星座图效果,调制采用4QAM,16QAM,
    1.算法描述       在无线通信系统中,由于多径效应及码间干扰的存在,信号误码率会升高。均衡技术是一种对抗码间干扰的重要技术。本文将介绍LMS均衡和RLS均衡两种均衡......
  • 十六进制表示法
    一个字节由8位组成。在二进制表示法中,它的值域是00000000——11111111。如果看成十进制整数,它的值域就是0——255。此两种符号表示法对于描述位模式来说都不是非常方便:二进......
  • EDU-CFR-116-Div-2解题报告
    比赛传送门做出来五道题。A.ABBalance{%noteinfono-iconproblem%}给你一个只含有a和b的字符串,问怎样通过修改尽可能少的字符,使得ab的数量和ba的数量相......
  • ubuntu20.04二进制部署PostgreSQL 15.2
    创建文件存储库配置echo"debhttp://apt.postgresql.org/pub/repos/apt$(lsb_release-cs)-pgdgmain">/etc/apt/sources.list.d/pgdg.list导入存储库签名密钥wget......
  • 扩容ext4分区容量16TB限制
    #扩容ext4分区容量16TB限制环境:系统ubuntu16resize2fs1.42.13(17-May-2015)使用resize2fs扩容时如下提示resize2fs/dev/vdb1resize2fs1.42.13(17-May-2015......