# 多边形
# 创建
使用 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
})
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11