Fabric.js toRgba() 方法介绍

toRgba() 是 Fabric.js 中内置的方法之一。它用于将给定的颜色字符串转换为 RGBA 格式，便于 Canvas 绘图 API 使用。

语法

toRgba(color: string, force?:boolean)

参数

1. color：要转换的颜色字符串，可以是字符串形式的颜色名称（例如 "red"）或 RGB(A) 值。
2. force：可选，布尔值类型。如果设置为 true，则函数将返回 RGBA 格式的颜色字符串，即使输入的颜色字符串已经是 RGBA 格式。默认值为 false。

返回值

函数返回一个包含 RGBA 值的字符串，格式为 rgba(r, g, b, a)。

例子

const fabric = require('fabric').fabric;

const red = fabric.util.toRgba('red');

console.log(red); // 输出 'rgba(255, 0, 0, 1)'

const blue = fabric.util.toRgba('blue');

console.log(blue); // 输出 'rgba(0, 0, 255, 1)'

const transparentYellow = fabric.util.toRgba('rgba(255, 255, 0, 0.5)');

console.log(transparentYellow); // 输出 'rgba(255, 255, 0, 0.5)'

在上面的例子中，我们使用了 toRgba() 方法将输入的颜色字符串转换为 RGBA 格式的字符串。如果输入的颜色字符串已经是 RGBA 格式，我们也可以通过设置 force 参数为 true 来强制转换。

注意事项

• 此方法只适用于通用颜色名称（例如 "red"、"green"、"blue" 等），或者 RGB(A) 值（例如 "rgb(255,0,0)"、"rgba(0,0,255,0.5)" 等）。 Hex 值（例如 "#FF0000"）需要转换为 RGB(A) 值，然后才能使用 toRgba() 方法。
• 当转换的颜色字符串格式无效时，该方法将返回 null。
• 该方法只适用于 Fabric.js 库中的对象，无法在纯 HTML 或 CSS 中使用。