我们可以通过创建fabric.Polygon的实例来创建一个Polygon对象。多边形对象的特征可以是由一组连接的直线段组成的任何闭合形状。由于它是 FabricJS 的基本元素之一，因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了确定应该先绘制填充还是描边，我们使用 paintFirst财产。
语法
new fabric.Polygon( points: Array, { paintFirst: String }: Object )
参数
points - 此参数接受一个Array，它表示组成多边形对象的点数组，其中每个点都在具有 x 和 y 的对象。
选项（可选） - 此参数是一个对象，它为我们的对象提供额外的自定义。使用此参数，可以更改与 Polygon 对象相关的原点、描边宽度和许多其他属性，其中 paintFirst 是该对象的属性。
选项键
paintFirst - 此属性接受一个 String 值，该值定义是否首先绘制填充或描边。默认值为“填充”。
示例 1：多边形对象的默认外观
让我们看一个代码示例，了解未应用 paintFirst 属性时多边形对象的显示方式。在本例中，使用默认值“fill”。这意味着在绘制对象时，将首先绘制填充颜色，然后绘制描边颜色。
Default appearance of polygon object
You can see the default appearance of polygon object
示例2：使用paintFirst属性
让我们看一个代码示例，了解如何使用 paintFirst 属性更改多边形对象的默认行为。在这里，我们向 paintFirst 属性传递了值“lines”。这确保首先绘制笔划而不是填充。
Using the paintFirst property
You can see that the stroke is painted first now
结论
在本教程中，我们使用两个简单的示例来演示如何使用 FabricJS 确定应首先为多边形绘制填充还是描边。
