HTML canvas arcTo() 方法
1.arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。
2.arcTo()方法的格式为： arcTo(x1, y1, x2, y2, r)
(x1,y1)和(x2,y2)分别代表两个点，r代表圆的半径。指定半径绘制一条圆弧，当圆弧与当前点到(x1,y1)的连线相切，而且与(x1,y1) 和(x2,y2)的连线也相切。在假想的圆上会有两段圆弧，arcTo()方法取长度较短的那个。
例如：
javascript:
xt.beginPath();
xt.moveTo(20,20); //创建开始点
xt.lineTo(100,20); //创建水平线
xt.arcTo(150,20,150,70,50);//创建弧
xt.lineTo(150,140); //创建垂直线
xt.stroke();//进行绘制
创建水平线后，当前点就成为(100,20)，并且圆弧与(100,20)到(150,20)的水平线，(150,70) (150,140)的垂直线都相切，取其中较短的圆弧。
