vue3 位运算代表argb颜色值互相转换

在Vue3中，可以使用位运算来代表argb颜色值互相转换。位运算是指对二进制数进行的运算，常用的位运算符有与（&）、或（|）、异或（^）、取反（~）、左移（<<）和右移（>>）。

下面是一个将argb颜色值转换成十六进制颜色值的示例：

function argbToHex(a, r, g, b) {
  let hex = ((a << 24) | (r << 16) | (g << 8) | b).toString(16);
  hex = hex.padStart(8, '0');
  return '#' + hex;
}

// 示例
console.log(argbToHex(255, 255, 0, 0)); // #ffff0000

在上面的代码中，我们通过位运算符将argb颜色值转换成一个32位的整数，然后将其转换成十六进制字符串，最后将前缀添加上去即可。

下面是一个将十六进制颜色值转换成argb颜色值的示例：

function hexToArgb(hex) {
  let a = parseInt(hex.slice(1, 3), 16);
  let r = parseInt(hex.slice(3, 5), 16);
  let g = parseInt(hex.slice(5, 7), 16);
  let b = parseInt(hex.slice(7, 9), 16);
  return [a, r, g, b];
}

// 示例
console.log(hexToArgb('#ffff0000')); // [255, 255, 0, 0]

在上面的代码中，我们将十六进制颜色值转换成四个整数，分别代表argb颜色值中的透明度、红色分量、绿色分量和蓝色分量