arc() 方法创建弧/曲线，详解
HTML5 Canvas实例
arc() 方法创建弧/曲线，详解
这是来自一名大二的小菜鸡一家之言，各位大佬如有看到觉得不对的，请多多指教，正题开始~
JavaScript 语法：
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
arc（x,y,start,end,dir）; //dir/方向（从三点钟方向开始）
arcTo(x1,y1,x2,y2,r); //r就是半径
代码示范
确定俩个点做一条水平线
半径越大，弧形切的位置就会跑到后面去
arcTo里面的x1,y1,x2,y2确定弧形的方向
,y轴的位置，就是切到了哪儿
xt.moveTo(50,200);
xt.lineTo(100,200);
xt.arcTo(400,150,400,400,300)；
最后根据半径来调整切线的弧。
xt.arcTo(400,150,400,400,300)；
这里是用来确定y轴的位置，弧形切到的边界
xt.lineTo(100,200);
这是弧形的起点位置
xt.arcTo(400,150,400,400,300)；
弧形半径设置