封装一个随机颜色的函数

Posted 独行的心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了封装一个随机颜色的函数相关的知识,希望对你有一定的参考价值。

z针对一些浏览器不支持RGB这属性,为了实现一功能。则需要我们自己封装函数了!!!

function randomColor(){
         var r = Math.floor(Math.random()*256);
         var g = Math.floor(Math.random()*256);
         var b = Math.floor(Math.random()*256);
         return "rgb("+r+","+g+","+b+")";
};

十六进制颜色函数:

function randomColor16(){
         var r = Math.random(255).toString(16);
         var g = Math.random(255).toString(16);
         var b = Math.random(255).toString(16);
         //255数字转化为16进制
         if(r.length<2) r = "0"+r;
         if(g.length<2) g = "0"+g;
         if(b.length<2) b = "0"+b;
         return "#" + r + g + b;
}

以上是关于封装一个随机颜色的函数的主要内容,如果未能解决你的问题,请参考以下文章

原生JS代码封装(获取一个16进制的随机颜色)

原生JS代码实现随机产生一个16进制的颜色值

day_5:求范围内的随机正负整数,拍平数组,拍平数组(按需拍平,纯js算法版)-返回一个 十六进制 的 随机颜色

canvas-验证码

一个生成随机颜色的js函数

canvas功能函数