OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

fix：修改取色范围适应暗色模式

Browse Source
This commit is contained in:
zhongzm
2024-11-22 15:42:38 +08:00
parent c2a3d4b8a8
commit 886a1c8667
1 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/utils/generate-utils.ts
View File

@@ -13,12 +13,28 @@ export function generateColorHEX(): string {
* @returns rgb(24 144 255) / rgba(0,0,0,.85)
*/
export function generateColorRGBA(hasAlpha: boolean = false) {
const red = Math.floor(Math.random() * 256);
const green = Math.floor(Math.random() * 256);
const blue = Math.floor(Math.random() * 256);
let red:number;
let green: number;
let blue:number;
red = Math.floor(Math.random() * 256)+100;//+100增加顏色亮度
green = Math.floor(Math.random() * 256)+100;
blue = Math.floor(Math.random() * 256)+100;
const brightChannel = Math.floor(Math.random() * 3);
switch (brightChannel) {
case 0:
red = Math.min(255, red + 50);
break;
case 1:
green = Math.min(255, green + 50);
break;
case 2:
blue = Math.min(255, blue + 50);
break;
}
if (hasAlpha) {
const alpha = Math.floor(Math.random() * 100);
const alpha = Math.floor(Math.random() * 100)+50;
return `rgb(${red}, ${green}, ${blue}, 0.${alpha})`;
}