多边形

创建

使用 new fabric.Polygon(array, object) 方法创建多边形

属性

Polygon() 方法接收2个参数。第一个参数是多边形的坐标集合；第二个参数是描述多边形属性的对象。

坐标集合是一个元素为对象的数组，每个子元素都需要提供 x 和 y 坐标。

Polygon() 会自动将结束点和起点连接起来，形成一个闭合图形。

show code

// 多边形
let polygon = new fabric.Polygon([
  {x: 30, y: 30},
  {x: 150, y: 100},
  {x: 80, y: 100},
  {x: 100, y: 30}
], {
  fill: '#ffd3b6', // 填充色
  stroke: '#6639a6', // 线段颜色：紫色
  strokeWidth: 5 // 线段粗细 5
})