Fabric.js fromSource()用法及代码示例

fromSource()方法用于以数组表示形式返回指定颜色的新颜色对象，该颜色表示为RGBA(红绿蓝和Alpha)格式。

用法:

fromSource( source )

参数：此方法接受如上所述和以下描述的参数：

source:此参数以RGBA格式保存指定的值数组。

返回值：此方法以“RGBA(Red-Green-Blue-Alpha)”格式返回数组中指定颜色的新颜色对象。

范例1：

Javascript

<!DOCTYPE html> 
<html> 
  
<head> 
  
    <!-- Adding the FabricJS library --> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> 
    </script> 
</head> 
  
<body> 
    <script type="text/javascript"> 
  
        // Calling the fromSource() function 
        // over the array of specified color 
        // value in RGBA format 
        console.log(fabric.Color 
            .fromSource([200, 100, 100, 0.5])); 
    </script> 
</body> 
  
</html>

输出：

{"_source":[200,100,100,0.5]}

范例2：

Javascript

<!DOCTYPE html> 
<html> 
  
<head> 
  
    <!-- Adding the FabricJS library --> 
    <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> 
    </script> 
</head> 
  
<body> 
    <script type="text/javascript"> 
  
        // Initializing some arrays of  
        // color values in RGBA format 
        var Black = [0, 0, 0, 1.0]; 
        var Blue = [0, 0, 255, 0.5]; 
        var Yellow = [255, 255, 0.9]; 
  
        // Calling the fromSource() function over 
        // the above array of specified color values 
        console.log(fabric.Color.fromSource(Black)); 
        console.log(fabric.Color.fromSource(Blue)); 
        console.log(fabric.Color.fromSource(Yellow)); 
    </script> 
</body> 
  
</html>

输出：

{"_source":[0,0,0,1]}
{"_source":[0,0,255,0.5]}
{"_source":[255,255,0.9]}

相关用法

注：本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 Fabric.js fromSource() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。