Fabric.js sourceFromRgb() 方法

Fabric.js sourceFromRgb() 方法

sourceFromRgb() 方法用于返回指定的RGB(红绿蓝)或RGBA(红绿蓝透明度)格式的颜色值的数组表示。

语法:

sourceFromRgb(color)

参数: 该方法接受一个参数,如上所述,并在下面进行描述:

  • color: 该参数保存以RGB或RGBA格式指定的颜色值。

返回值: 该方法以RGBA(红绿蓝和Alpha)格式返回指定颜色值的颜色的数组表示。

示例1:

<!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 sourceFromRgb() function over 
 // the color values in RGB and RGBA format 
 console.log(fabric.Color.sourceFromRgb("rgb(13, 50, 77)")); 
 console.log(fabric.Color.sourceFromRgb("rgba(200, 255, 252, 0.6)")); 
</script> 
  
</body> 
  
</html>

输出:

[13,50,77,1]
[200,255,252,0.6]

示例2:

<!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 color values in RGB format 
 var A = "rgb(0, 12, 50)"; 
 var B = "rgb(254, 200, 110)"; 
   
 // Initializing some color values in RGBA format 
 var C = "rgba(5, 10, 50, 0.9)"; 
 var D = "rgba(12, 0, 150, 0.2)"; 
  
 // Calling the sourceFromRgb() function over 
 // the above color values 
 console.log(fabric.Color.sourceFromRgb(A)); 
 console.log(fabric.Color.sourceFromRgb(B)); 
 console.log(fabric.Color.sourceFromRgb(C)); 
 console.log(fabric.Color.sourceFromRgb(D)); 
</script> 
  
</body> 
  
</html>

输出:

[0,12,50,1]
[254,200,110,1]
[5,10,50,0.9]
[12,0,150,0.2]

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程