HTML canvas arcTo()方法

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)的垂直线都相切，取其中较短的圆弧。