1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
| /**
| * 从 16 进制的色值解析成 rgba 格式的色值
| * @param { string } hex, #000、#000A、#000000、#000000AA，参数只能是这四种格式
| * @returns {
| r: number;
| g: number;
| b: number;
| a: number;
| }
| */
| export function hexToRgba (hex) {
| // 异常情况
| if (!hex) {
| return {
| r: 0,
| g: 0,
| b: 0,
| a: 0
| }
| }
| // 去掉 #
| let tmpHex = hex.slice(1)
| const tmpHexLen = tmpHex.length
| // 处理 16 进制色值位数异常的情况
| if (![3, 4, 6, 8].includes(tmpHexLen)) {
| return {
| r: 0,
| g: 0,
| b: 0,
| a: 0
| }
| }
| // 格式化 tmpHex，使其变成 rrggbb 或 rrggbbaa
| if (tmpHexLen === 3 || tmpHexLen === 4) {
| // rgb => rrggbb || rgba => rrggbbaa
| tmpHex = tmpHex.replace(/(\w{1})/g, '$1$1')
| }
| // rgba
| const [sr, sg, sb, sa] = tmpHex.match(/(\w{2})/g)
| // rgb
| const r = parseInt(sr, 16); const g = parseInt(sg, 16); const b = parseInt(sb, 16)
|
| if (!sa) {
| return { r, g, b, a: 1 }
| }
|
| return {
| r, g, b, a: (`0x100${sa}` - 0x10000) / 255
| }
| }
|
|
