随机颜色代码
// 随机颜色函数
getRandomColor(): ResourceColor {
// 生成 0-255 的随机数
const r = Math.floor(Math.random() * 256);
const g = Math.floor(Math.random() * 256);
const b = Math.floor(Math.random() * 256);
// 拼接成随机的颜色,半透明并返回
return `rgba(${r}, ${g}, ${b}, 0.5)`;
}
- Math.floor() 用于返回小于或等于一个给定数字的最大整数,即向下取整。
- Math.random () 通常用于生成一个大于等于 0 且小于 1 的随机小数。
为啥最后要 ✖256 ?????
设置颜色的三种方式
1、枚举类型
Text('博客')
.fontColor(Color.Pink)
.fontSize(12)
2、十六进制
Text('博客')
.fontColor('#ffffff')
.fontSize(12)
3、RGB
Text('博客')
.fontColor('rgb(255, 255, 255)')
.fontSize(12)
3.1 RGBA (RGB拓展)
Text('博客')
.fontColor('rgba(255, 255, 255,0.5)'')
.fontSize(12)
光学三原色是指 红(R)、绿(G)、蓝(B)三个颜色
红绿蓝取色范围都是 0-255 ;透明度取值范围是 0-1
- 十六进制 红(ff)绿(ff)蓝(ff)
- RGB 红(255)绿(255)蓝(255)
- RGBA 红(255)绿(255)蓝(255)透明度(1)/