Fabric.js Itext 填充属性

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

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

语法：

fabric.Itext (Itext , {
            fill : string
});

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

• fill ：此参数采用字符串值。

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

HTML

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

输出：