随机生成颜色和透明度

随机生成颜色:

想到的比较简单的是:

rgba颜色值范围是0-255,

所以单个值为:Math.ceil(Math.random() * 255),生成三个值以后,可以拼起来

eg: rgb(Math.ceil(Math.random() * 255), Math.ceil(Math.random() * 255), Math.ceil(Math.random() * 255));

如果是要写成十六进制颜色格式,如:#333333,可以再把上面的单个值.toString(16),输出对应的16进制颜色值

eg: color: '#' + Math.ceil(Math.random() * 255),.toString(16) + Math.ceil(Math.random() * 255).toString(16) + Math.ceil(Math.random() * 255).toString(16);

 

十六进制颜色与RGB: eg: #333333 => r(33), g(33), b(33)

 

透明度则为:Math.random().toFixed(2); (一般透明度为两个小数位);

Number.toFixed(2) : 把 Number 四舍五入为指定小数位数的数字;

posted @ 2019-02-20 16:19  coconutGirl  阅读(444)  评论(0编辑  收藏  举报