Fabric.js 画布 backgroundColor 属性

在本文中，我们将了解如何在Fabric.js中使用backgroundColor属性设置Canvas的背景颜色。 Fabric.js 中的 Canvas 用作 HTML 提供的原生 canvas 对象的包装器。它提供了对底层画布的高级访问，允许它拥有一个对象模型，允许解析 SVG 文件，并允许以直观的方式与画布进行交互。

方法：为了使它成为可能，我们将使用一个名为Fabric.js的 JavaScript 库。导入库后，我们将在 body 标签中创建画布块。之后，我们将初始化Fabric.js提供的 Canvas 对象的实例，并使用backgroundColor属性更改 Canvas 的背景颜色。

句法：

fabric.Canvas(canvasElement, {
    backgroundColor: String
});

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

• backgroundColor：它是一个字符串，用于指定 Canvas 的背景颜色。

下面的例子说明了在 JavaScript 中 Fabric.js Canvas backgroundColor属性的使用：

例子：

HTML

  

    
    
    

  

    
        
            GeeksforGeeks
        
  
        
            Fabric.js | Canvas backgroundColor Property
        
    
  
    
    
  
    
  
        // Initiate a Canvas instance 
        var canvas = new fabric.Canvas("canvas", {
                  
            // Set the background color 
            // of the Canvas
            backgroundColor: "green"
        });
    

  

输出：