
在本文中,我们将使用 add 方法将对象添加到画布。创建画布后,我们可以用 FabricJS 中可用的各种对象填充它,例如fabric.Circle、fabric.Ellipse 或fabric.Line 等。
语法
canvas.add(object: fabric.Object);
参数
Object - 该参数的类型为fabric.Object并保存对象
示例 1:在 canvas.add() 中创建对象的实例
而不是创建首先获取对象的实例,然后使用 add() 方法将其渲染到画布上,我们可以直接在 add() 方法中执行此操作。这是一个例子来说明 -
How to add an object to the canvas using FabricJS
输出
.gif)
示例 2:创建一个对象,然后将其添加到画布
在此示例中,我们将了解如何创建使用 Fabric.Triangle 类创建一个三角形对象并将其添加到画布中。
How to add an object to the canvas using FabricJS
输出
.gif)










