HTML5 Canvas中使用用路径描画圆弧

翻译自Steve Fulton与Jeff Fulton所著的HTML5 Canvas教程第二章——“高级路径方法：圆弧”。

在Canvas绘图的世界里，“圆弧”这一概念涵盖了完整的圆以及圆的一部分。在Canvas中创建圆弧使用的是context.arc()方法。其语法如下：context.arc(x, y, radius, startAngle, endAngle, anticlockwise)。

在这个方法中，x和y定义了圆弧的圆心，radius定义了圆弧的半径，startAngle和endAngle则以极坐标的形式定义了圆弧的起始和结束位置。最后一个参数anticlockwise是一个布尔值，它决定了圆弧的绘制方向。

例如，如果我们想要绘制一个以(100, 100)为圆心，半径为20的圆，我们可以使用以下代码：context.arc(100, 100, 20, 0, 360, false)。这里的0和360度需要转换为弧度，因为Canvas使用的是弧度制而非角度制。当startAngle为0而endAngle为360时，绘制的就是一个完整的圆。

除了绘制完整的圆，我们也可以使用arc()方法来绘制圆弧片段。例如，下面的代码会绘制一个四分之一的圆：context.arc(100, 100, 20, 0, 90, false)。如果我们想要绘制另外的四分之三圆，只需将anticlockwise设置为true即可：context.arc(100, 100, 20, 0, 90, true)。

需要注意的是，在Canvas的坐标系中，Y轴的方向是向下的，这一点在进行圆弧绘制时要特别注意。

虽然context.arcTo()方法也可以用来绘制圆弧，但Steve Fulton与Jeff Fulton在原著中对该方法的描述存在错误。关于arcTo()方法的正确使用方式，这里不进行详细阐述，以免误导读者。具体的使用方法可以参考其他权威的资料或者教程。

Canvas的arc()方法为我们提供了强大的工具来绘制各种形状和图案。通过掌握这个方法，我们可以创造出丰富多彩的视觉效果。希望这篇文章能够帮助你更好地理解并应用Canvas的arc()方法。

（cambrian.render('body'）这段代码似乎与文章主题无关，可能是额外的代码片段或者是某种特定环境下的调用方式，在此不进行解释。）