角度终点html5 Canvas画图5：画曲线之arc

文章结束给大家来个程序员笑话：[M]

    在canvas画线条这篇文章中，我讲了画线直的方法，按理这篇画线曲的文章早该发了，但由于canvas画线曲较比特别，我还没摸透，所以要一步步实验。

    canvas里画线曲的难点之一，就在于他连线曲的函数就有4个！分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最单简的arc方法讲起吧。

    arc的作用是画一个正规的圆弧，可所以一个整完的圆，也可所以一个圆的某一段弧线。

    arc的语法如下：

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

 

    他的数参我解释一下，即

    

    arc(圆心x,圆心y,半径,开始的角度,结束的角度,否是逆时针)

    

    如果我们用arc画一个整完的圆，该怎么搞？大家意注到数参中有个开始角度与结束角度，如果我们开始角度是0，结束角度是360，不就是个正圆了？

    正解！但要意注的是，这里的角度是用“弧度”来表现的（Flash也是如此），