📜  Fabric.js 图像不透明度属性

📅  最后修改于: 2022-05-13 01:56:29.353000             🧑  作者: Mango

Fabric.js 图像不透明度属性

Fabric.js是一个用于处理画布的 JavaScript 库。 Image 是用于创建图像实例的 fabric.js 类之一。图像的不透明度属性用于设置图像的可见性。

首先导入 fabric.js 库。导入库后,在 body 标记中创建一个包含图像的画布块。之后,初始化 FabricJS 提供的 Canvas 和图像的实例,并使用图像对象的 Opacity 属性设置画布图像的不透明度。

句法:

fabric.Image(image, {
   opacity: 0.40
 });

参数:上述函数有两个参数,如前所述,如下所述:

  • image:此参数获取图像。
  • 不透明度:设置图像的不透明度。

示例 1:本示例使用 FabricJS 设置画布图像的不透明度,如下例所示。

 
 
  
 
     
     
 
  
 
    

GeeksforGeeks

      Fabric.js | Image opacity Property                                           

输出:

示例 2:

 
 
  
 
     
     
 
  
 
    

GeeksforGeeks

      Fabric.js | Image opacity Property                         
                     

输出: