多边形
你可以连接多条直线组合成一个多边形,并设置填充色,使用 drawPolygon
方法,它的参数是一组 x/y 位置点的数组。
var path = [
point1X, point1Y,
point2X, point2Y,
point3X, point3Y
];
shapes.drawPolygon(path);
drawPolygon
会连接这三个点,下面的代码片段连接三条直线来创建一个蓝色边框的红三角形:
var triangle = new Tiny.Graphics();
triangle.lineStyle(4, 0x66FF33, 1);
triangle.beginFill(0xff0000);
triangle.drawPolygon([
-32, 64, // 第一个点
32, 64, // 第二个点
0, 0, // 第三个点
-32, 64, // 回到第一个点闭合
]);
triangle.endFill();