Fabric.js Itext borderDashArray 属性

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

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

语法：

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

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

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

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

HTML

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

输出：