文章结束给大家来个程序员笑话:[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也是如此),