Fabric.js Itext borderOpacityWhenMoving 属性

在本文中，我们将使用 borderOpacityWhenMoving 属性，该属性用于在画布 Itext 中移动时设置边框的不透明度。 Fabric.js 是一个用于处理画布的 JavaScript 库。画布 Itext 是用于创建 Itext 实例的 fabric.js 类之一。画布 Itext 表示 Itext 是可移动的，可以根据需要进行拉伸。

首先导入fabric.js 库。导入库后，在 body 标签中创建一个包含 Itext 的画布块。之后，初始化 Fabric.JS 提供的 Canvas 和 Itext 类的实例，并使用 borderOpacityWhenMoving 属性设置移动时边框的不透明度。

语法：

fabric.Itext (Itext , {
            borderOpacityWhenMoving : number
});

参数：此函数接受如上所述和如下所述的单个参数：

• borderOpacityWhenMoving ：此参数采用数字值。

示例：此示例使用 FabricJS 设置画布 Itext 的 borderOpacityWhenMoving 属性，如下例所示：

HTML

 
 
  

  
   
   
 
  
 
   
     
      GeeksforGeeks 
    
     
      Fabric.js | Itext borderOpacityWhenMoving  Property 
     
   
  
   
     
     
   
  
   
    var canvas = new fabric.Canvas("canvas"); 
  
    var geek = new fabric.IText('GeeksforGeeks', {
        borderOpacityWhenMoving  : 0.2
    });
    console.log(geek.willDrawShadow())
    canvas.add(geek);
    canvas.centerObject(geek); 
   
 
  

输出：