html5 Canvas画图教程(5)—canvas里画曲线之arc方法

在canvas画线条这篇文章中，我讲了画直线的方法，按理这篇画曲线的文章早该发了，但由于canvas画曲线比较特殊，我还没摸透，所以要一步步尝试。
canvas里画曲线的难点之一，就在于他连曲线的函数就有4个！分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧。
arc的作用是画一个正规的圆弧，可以是一个完整的圆，也可以是一个圆的某一段弧线。

arc的语法如下：

现在我们来画一个1/4圆,角度嘛，就是90度。前面说了，360度角即2PI弧度，那么一度角就是2PI/360=PI/180弧度，那么90度就是2PI/360*90=PI/2弧度(其他的角度请自行计算)。

问题：如果我们从非0度起点来画一个完整的圆，行不行？当然也可以，只要你把弧线的终点设置为360度+起点角度，如：

：Canvas的arc方法是画正圆弧线的办法，也只能画正弧线，没法画其他奇怪的弧线,比如S形——虽然我最喜欢S形了。