当前位置:首页 > Web开发 > 正文

16).toString();//ff str+=r+"

2024-03-31 Web开发

  // 操作parseInt 和 slice  toString将16进制颜色转成rgb格局

        // 思路:将16进制的颜色从下标1开始,操作slice要领,,每隔两位取出

var div1 = document.querySelector("div");


        var color = "#ab0000";


        var str="rgb("


        var r = parseInt(color.slice(1,3),16).toString();   //ff  slice不包孕end

        

        var g = parseInt(color.slice(3,5),16).toString();   //00


        var b = parseInt(color.slice(5,7),16).toString();   //ff


        str += r+","+g+","+b+")";


        console.log(str);  //rgb(171,0,0)


        div1.style.width = 1+"rem";

        div1.style.height = 1+"rem";

        div1.style.backgroundColor = str;

纯js实现颜色16进制到rgb格局

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/33042.html