多边形

你可以连接多条直线组合成一个多边形,并设置填充色,使用 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();