Fabric.js Itext borderScaleFactor 属性

在本文中，我们将看到如何使用 FabricJS 启用画布 Itext 的边框缩放。 Fabric.js 是一个用于处理画布的 JavaScript 库。画布 Itext 是用于创建 Itext 实例的 fabric.js 类之一。画布 Itext 表示 Itext 是可移动的，可以根据需要进行拉伸。在本文中，我们将使用borderScaleFactor 属性来设置画布 Itext 中边框的粗细。

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

语法：

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

参数：此函数采用如上所述和如下所述的单个参数：

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

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

HTML

 
 
  

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

输出：