Fabric.js add() 方法

简介

Fabric.js 是一个用于创建交互式的 Canvas 应用程序的强大的 JavaScript 库。add() 方法是 Fabric.js 中的一种方法，用于向画布中添加对象。

语法

canvas.add(object[, ...objectN]);

参数说明：

• object 和 objectN: 必需。要添加到画布中的一个或多个对象（图像、文本、形状等）。

返回值

无返回值。

示例

以下是一个简单的示例，用于向画布添加一个方形对象：

// 创建 Canvas
var canvas = new fabric.Canvas('canvas');

// 新增一个矩形
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  fill: 'red',
  width: 100,
  height: 100
});

// 添加矩形到 Canvas
canvas.add(rect);

在上面的例子中，我们首先创建了一个 canvas 对象，接着通过 new fabric.Rect() 创建了一个红色的矩形。最后调用了 canvas.add() 方法将矩形添加到 canvas 画布中。

注意事项

1. 可以同时添加多个对象到画布中。
2. 添加到画布上的对象，可以通过 canvas.remove() 方法移除。
3. 添加到画布上的对象，可以通过 canvas.item() 属性进行访问。