Canvas:arcTo和arc方法使用介绍

Html5中绘图API中有这么一个方法：

arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。

context.arcTo(x1,y1,x2,y2,r)
x1:起始点横坐标
y1:起始点纵坐标
x2:结束点横坐标
y2:结束点纵坐标
r:半径

原来误以为x1,y1便是弧线开始的那一点，经过试验发现不是这么回事。它所谓的起始点是构成夹角边的那个起始点，如下如所示:

弧线其实是圆的一部分，而两个夹角边确定了这个圆，圆的半径越大，则这条弧线也越大，而且不管半径有多大，它永远是和切线相切的，虽然有时候看起来不怎么像，你拿尺比划一下就知道了。

两条切线的中垂线确定了圆的圆心，当圆的半径确定时，这个圆的位置也就确定了。

还有另一个方法是arc()

context.arc(x,y,radius,a,b,anclockwise)
x : 起始点横坐标
y : 起始点纵坐标
radius : 半径
a : 开始角度
b : 结束角度
anticlockwise : 是否逆时针