javascript随机颜色这个实现非常逆天,虽然有点小bug。我们知道hex颜色值是从#000000到#ffffff,后面那六位数是16进制数,相当于“0x000000”到“0xffffff”。这实现的思路是将hex的最大值ffffff先转换为10进制,进行random后再转换回16进制。我们看一下,如何得到16777215 这个数值的。Javascript获取随机颜色,本文将谈到运用 Javascript获取随机颜色,这里我们须要 知道做Javascript获取随机颜色主要是在作图时方便展示,希望大家能从本文获得帮助...实现
var getRandomColor = function (){ |
return '#' +Math.floor(Math.random()*16777215).toString(16); |
修正上面版本的bug(无法生成纯白色与hex位数不足问题)。0x1000000相当0xffffff+1,确保会抽选到0xffffff。在闭包里我们处理hex值不足6位的问题,直接在未位补零
var getRandomColor = function (){ |
return '#' +( '00000' +(Math.random()*0x1000000<<0).toString(16)).slice(-6); |
这次在前面补零,连递归检测也省了。上面版本生成颜色的范围算是大而全,但随之而来的问题是颜色不好看,于是实现8搞出来了。它生成的颜色相当鲜艳。javascript如何获取随机颜色来自网络收藏整理,希望对您哟所帮助
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《javascript如何获取随机颜色》
文章链接:
https://www.skykkk.com/archives3358.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。