Day 11 - 用 canvas 复刻 小画家 多边形

方法一

此多边形方法虽然不是小画家的画法，但一样可以达成多边形的做法，如下：

  /**
   * 滑鼠点下画布
   */
  const handleMouseDown = (event: any) => {
  ...
    switch (tool) {
      case "polygon":
        pointsArray = [...pointsArray, point];
        drawPolygon({ ctx });
        break;
    }
  };

  /** 绘制多边形 */
const drawPolygon = ({ ctx }: { ctx: CanvasRenderingContext2D }) => {
    clearCanvas();
    ctx.beginPath();
    ctx.moveTo(pointsArray[0].x, pointsArray[0].y);
    for (let index = 1; index < pointsArray.length; index++) {
      ctx.lineTo(pointsArray[index].x, pointsArray[index].y);
    }
    ctx.closePath();
    ctx.stroke();
};