canvas 疑问

beginPath 的作用是什么？

抛掉以前老的线段，开始画新的线段，并且老线段和新线段的轮廓颜色、填充颜色等属性互相不影响。

MDN

CanvasRenderingContext2D.beginPath() 是 Canvas 2D API 通过清空子路径列表开始一个新路径的方法。当你想创建一个新的路径时，调用此方法。

这里有个例子，如果不用 beginPath，那么绘制新线段的轮廓颜色时，会把之前老的线段轮廓色也给覆盖了。