javascript如何获取随机颜色

  • A+
所属分类:网络生活

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如何获取随机颜色来自网络收藏整理,希望对您哟所帮助

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: