定义和用法
arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。
语法
arcTo(x1, y1, x2, y2, radius)；
参数
参数 描述
x1 弧的起点的x坐标
y1 弧的起点的y坐标
x2 弧的终点的x坐标
y2 弧的终点的y坐标
radius 弧的半径
实例
可以用下面的代码绘制圆角：
var canvas =$('#canvas')[0];
varxt = canvas.getContext('2d');
xt.beginPath();
xt．moveTo（10,10）; //在左上方开始，创建开始点
xt．lineTo（90,10）; //在到达圆角开始点的水平线
xt．arcTo（100,10,100,20,10）; //圆角
xt．lineTo（100,100）; //到达右下方的垂直线
xt．stroke（）; //绘制
绘制示意图如下：
分析：
（1）起点与（x1，y1）连接成一条直线。
（2）第一个（x1，y1）第二个（x2，y2）连接成一条直线。
（3）那么通过这两条直线与圆的半径可以绘制一个与直线相切的圆弧。
（4）起点与圆弧连接起来，就是最终绘制的图案。
浏览器支持：
（1）Internet Explorer 9
（2）Firefox
（3）Chrome
（4）Safari
注意：Opera 不支持 arcTo() 方法。
注意：Internet
注意：Explorer 8 及之前的版本不支持<canvas> 元素。
