Fabric.js fromHsl() 方法

简介

fromHsl() 方法是 Fabric.js 中的一个静态方法，用于将 HSL（色相、饱和度、亮度） 格式的颜色值转换为 RGB（红、绿、蓝） 格式的颜色值。

语法

fabric.Color.fromHsl(hslColor)

参数说明：

• hslColor: 必选参数，要从 HSL 格式转换的颜色值，格式为 hsl(hue, saturation, lightness)，其中：
  • hue: 色相，取值范围 0-360。
  • saturation: 饱和度，取值范围 0-1。
  • lightness: 亮度，取值范围 0-1。

返回值：返回一个 RGB 格式的 fabric.Color 对象。

示例

var hslColor = 'hsl(240, 100%, 50%)'; // 蓝色
var rgbColor = fabric.Color.fromHsl(hslColor);

console.log(rgbColor.toRgb()); // 输出：'rgb(0, 0, 255)'

上面的示例中，我们将 HSL 格式的颜色值转换为 RGB 格式，并输出 RGB 格式的颜色值。

注意事项

• 本方法返回的是一个 fabric.Color 对象，而不是一个普通的 RGB 值。
• fromHsl() 方法是 Fabric.js 中的一个静态方法，因此不需要实例化 fabric.Color 对象即可调用。
• hue 参数的取值范围是 0-360，而非 0-1，这与 CSS 中的 hsl() 函数要求一致。
• saturation 和 lightness 参数的取值范围是 0-1，表示相对比例，与 CSS 中的 hsl() 函数要求一致。