ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js中获取随机颜色

2021-12-25 02:33:56  阅读:168  来源: 互联网

标签:val js 获取 随机 let result rgba Math 255


js中获取随机颜色

点击查看代码
	//第一个参数只能传指定的数字和字符串3(#fff)6(#ffffff) "rgba"(rgba(255,255,255,1))
	//第二个参数表示使用rgba的颜色时传的透明度数值
function getRandomColors(val, transparency = 1) {
    let result = [];
    let digits
    let rgbas
    switch (val) {
        case 3:
            digits = val
            break;
        case 6:
            digits = val
            break;
        case 'rgba':
            rgbas = 1
            break;
        default:
            alert('第一个参数为3/4,第二个参数为透明度')
            return
    }
    if (rgbas === 1) {
        for (let i = 0; i < 3; i++) {
            result.push(Math.floor(Math.random() * 255));//获取0-255之间的随机数
        }
        let colorss = `rgba(${result.toString()},${transparency})`
        return colorss
    } else {
        for (let i = 0; i < digits; i++) {
            result.push(Math.floor(Math.random() * 16).toString(16).toUpperCase());//获取0-15并通过toString转16进制通过toUpperCase()字母转大写
        }
        let colorss = '#' + result.join('')
        return colorss
    }
}

标签:val,js,获取,随机,let,result,rgba,Math,255
来源: https://www.cnblogs.com/-poxiao/p/15729729.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有