Fabric.js overlayWith() 方法

overlayWith() 方法用于使用作为参数的颜色覆盖给定的颜色。

句法：

overlayWith(otherColor)

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

• otherColor：此参数保存指定的颜色。

返回值：此方法返回叠加的颜色。

示例 1：

HTML

  

  
  
  

  


  
 // Calling the overlayWith() function over
 // the specified color values
 console.log(new fabric.Color("rgb(10, 40, 13)").overlayWith("rgb(10, 41, 13, 1)"));

  

  

输出：

{"_source":[10,41,13,1]}

示例 2：

HTML

  

  
  
  

  


  
 // Initializing some color values in different color format
 var A = "hex(fff00f)";
 var B = "hsl(12%, 13%, 25%)";
 var C = "hsla(10%, 40%, 13%, 0.6)";
  
 // Calling the overlayWith() function over
 // the above specified color values
 console.log(new fabric.Color(A).overlayWith("rgb(10, 41, 13, 1)"));
 console.log(new fabric.Color(A).overlayWith("rgba(1, 4, 3, 0.2)"));
 console.log(new fabric.Color(A).overlayWith("hex(ffffff)"));

  

  

输出：

{"_source":[5,21,7,1]}
{"_source":[1,2,2,1]}
{"_source":[0,0,0,1]}