Fabric.js sourceFromRgb() 方法

在 Fabric.js 中，sourceFromRgb() 方法用于将 RGB 颜色值转换为 RGBA 颜色数组。本文将介绍该方法的详细用法以及相关示例。

语法

fabric.util.color.sourceFromRgb(rgb)

参数

• rgb: 包含红、绿、蓝三个颜色分量的数组或者字符串，数组或字符串的格式为 "rgb(r,g,b)"

返回值

一个包含 RGBA 颜色值的数组，格式为 [r, g, b, a]，其中 a 默认值为 1。

示例

将字符串格式的 RGB 颜色值转换为 RGBA 颜色数组

const rgbStr = "rgb(255, 200, 100)";
const rgba = fabric.util.color.sourceFromRgb(rgbStr);
console.log(rgba); // [255, 200, 100, 1]

将包含 RGB 分量的数组转换为 RGBA 颜色数组

const rgbArr = [255, 200, 100];
const rgba = fabric.util.color.sourceFromRgb(rgbArr);
console.log(rgba); // [255, 200, 100, 1]

自定义透明度值

const rgbStr = "rgb(255, 200, 100)";
const alpha = 0.5;
const rgba = [fabric.util.color.sourceFromRgb(rgbStr), alpha];
console.log(rgba); // [[255, 200, 100, 1], 0.5]

注意事项

• 如果传入的参数不是合法的 RGB 格式，该方法将返回一个包含 0 的数组，即 [0, 0, 0, 0]。
• 该方法的实际调用方式为 fabric.Color.fromSource(rgb).getSource()，因此可以通过 fabric.Color.fromSource() 方法直接获取 RGBA 颜色数组。