js #颜色转为rgba
时间: 2023-09-04 17:15:17 浏览: 94
hex-to-rgba:将CSS十六进制颜色代码转换为rgba()
5星 · 资源好评率100%
可以使用以下代码将颜色值转换为 RGBA 值:
```javascript
function colorToRgba(color, opacity) {
var canvas = document.createElement('canvas');
canvas.width = canvas.height = 1;
var ctx = canvas.getContext('2d');
ctx.fillStyle = color;
ctx.fillRect(0, 0, 1, 1);
var data = ctx.getImageData(0, 0, 1, 1).data;
return 'rgba(' + data[0] + ', ' + data[1] + ', ' + data[2] + ', ' + opacity + ')';
}
```
其中 `color` 是一个 CSS 颜色值,如 `"#f00"` 或 `"red"`,`opacity` 是透明度值,取值范围为 0 到 1。函数返回值为一个 RGBA 颜色值,如 `"rgba(255, 0, 0, 0.5)"`。
阅读全文