HTML canvas arcTo() 方法

HTML canvas arcTo() 方法
1.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,150);  //创建开始点

xt.lineTo(90,150);  //创建水平线

xt.arcTo(250,150,250,230,150);//创建弧

xt.lineTo(250,400);  //创建垂直线

xt.stroke();//进行绘制

创建水平线后，当前点就成为(90,150)，并且圆弧与(90,150)到(250,140)的水平线，(250,230) (250,400)的垂直线都相切，取其中较短的圆弧。