定义和用法

            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> 元素。