Fabric.js sourceFromHsl() 方法

sourceFromHsl() 方法用于以 HSL (Hue-saturation-lightness) 或 HSLA (Hue-saturation-lightness-alpha) 格式返回指定颜色值的颜色数组表示。

句法：

sourceFromHsl(color)

参数：此方法接受上面提到的参数，如下所述：

• color：此参数以 HSL 或 HSLA 格式保存指定的颜色值。

返回值：此方法以 RGBA（红绿蓝和 Alpha）格式的颜色值的数组表示形式返回 HSL 或 HSLA 格式的指定颜色值。

示例 1：

HTML

  

  
  
  

  


  
 // Calling the sourceFromHsl() function over
 // the color value in HSL and HSLA format
 console.log(fabric.Color.sourceFromHsl("hsl(0, 100%, 50%)"));
 console.log(fabric.Color.sourceFromHsl("hsla(0, 100%, 50%, 0.6)"));

  

  

输出：

[255,0,0,1]
[255,0,0,0.6]

示例 2：

HTML

  

  
  
  

  


  
 // Initializing some color values in HSL format
 var A = "hsl(0, 100%, 50%)";
 var B = "hsl(0, 0%, 50%)";
   
 // Initializing some color values in HSLA format
 var C = "hsla(0, 100%, 50%, 0.9)";
 var D = "hsla(0, 0%, 50%, 0.2)";
  
 // Calling the sourceFromHsl() function over
 // the above color values
 console.log(fabric.Color.sourceFromHsl(A));
 console.log(fabric.Color.sourceFromHsl(B));
 console.log(fabric.Color.sourceFromHsl(C));
 console.log(fabric.Color.sourceFromHsl(D));

  

  

输出：

[255,0,0,1]
[128,128,128,1]
[255,0,0,0.9]
[128,128,128,0.2]