一文 get 入门 canvas 的最佳路径(2)

绘制多边形

---

要绘制一个多边形，多边形图形的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。一个路径，甚至一个子路径，都是闭合的。使用路径绘制图形需要一些额外的步骤。

• 首先，你需要创建路径起始点

• 然后你使用画图命令去画出路径。

• 之后你把路径封闭

• 一旦路径生成，你就能通过描边或填充路径区域来渲染图形。以上这些步骤会用到一些 API:

beginPath()

新建一条路径，生成之后，图形绘制命令被指向到路径上生成路径。

closePath()

闭合路径之后图形绘制命令又重新指向到上下文中。

stroke()

通过线条来绘制图形轮廓。

fill()

通过填充路径的内容区域生成实心的图形。

详解绘制过程

这里详细解答一下绘制的过程：

第一步，生成路径，调用 beginPath，本质上路径是有很多子路径所构成的，这些子路径全部在一个列表里面，所有的子路径（线、弧）构成图形。而每次调用这个方法之后，列表都会被重置，然后就可以绘制新的图形。(你