在HTML画布中绘制顺序

Question

我正试图在for循环中绘制一些带有数字的圆圈。但由于某些原因，数字最终落后于圈子：https://jsfiddle.net/6c3yfLou/1/

Answer 1

记住beginPath() - 这将清除当前路径。否则，每次调用fill（）时都将填充所有先前添加的弧。

c.beginPath();
c.arc(x, y, 20, 0, Math.PI*2, true);
...

<强> Updated fiddle