HTML canvas的arc函数教程

我无法弄清楚arc()函数的所有参数是什么(通过实验),我还没有找到任何似乎可以解释它们的教程.arc()函数的良好解释在哪里？

arc(x, y, radius, startAngle, endAngle, anticlockwise)

前三个参数x和y以及半径描述了一个圆,绘制的圆弧将是该圆的一部分.startAngle和endAngle是沿着圆圈开始和停止绘制的地方.0是东,Math.PI/2是南,Math.PI是西,Math.PI*3/2是北.如果逆时针为1则则反转电弧的方向.

https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs

在附图中,唯一的区别是逆时针参数.当顺时针或逆时针时,Math.PI/2始终向南

我遇到了同样的问题并制作了一个小的交互式页面来帮助理解它:

http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element

可以调整所有参数,并实时渲染结果弧.该页面还演示了fill(),stroke()和closePath()方法如何与arc()方法交互.