在本文中，我们将使用FabricJS创建一个画布，但在此之前，让我们了解一下什么是画布。为了在网页上绘制图形，我们有一个名为Canvas API的Web API。这个API适用于绘制基本形状，但是添加交互或绘制复杂形状变得非常困难。因此，FabricJS出现了，它是建立在Canvas API之上的库。要使用FabricJS，首先需要做的是创建一个FabricJS画布。
语法
new fabric.Canvas(element: HTMLElement|String, options: Object)
参数
element − 此参数是元素本身，可以使用document.getElementById()或元素本身的id来获取。FabricJS画布将在此元素上初始化。
options (可选) − 此参数是一个对象，提供了对画布的其他自定义。使用此参数，我们可以更改画布的不同属性，如颜色、光标、边框宽度等。
示例1
将id作为字符串传递
让我们看一个使用FabricJS创建画布的代码示例。由于FabricJS是在Canvas API之上工作的，我们将使用
How to create a canvas using FabricJS
Select an area inside the canvas and you will get a highlighted section.
示例2
将元素作为HTMLElement传递
我们可以使用document.getElementById()获取元素，而不是直接将id传递给FabricJS API，然后将该元素传递给FabricJS API，如下所示−
How to create a canvas using FabricJS
Select an area inside the canvas and you will get a highlighted section.
