Fabric.js Itext cornerDashArray 属性

在本文中，我们将看到如何使用 FabricJS 设置控制画布 Itext 角落的虚线模式。 Fabric.js 是一个用于处理画布的 JavaScript 库。画布 Itext 是用于创建 Itext 实例的 fabric.js 类之一。 canvas Itext 表示Itext 是可移动的，可以根据需要进行拉伸。在本文中，我们将使用cornerDashArray 属性来设置画布Itext 中的虚线样式。

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

语法：

fabric.Itext (Itext , {
            cornerDashArray : array
});

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

• cornerDashArray ：此参数采用数组值。

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

HTML

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

输出：