在HTML 5 <canvas> 标签用于绘制图像，不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器），必须使用脚本（JavaScript）来完成实际的绘图任务。
HTML canvas arcTo() 方法
arcTo() 方法用于在画布上创建介于两个切线之间的弧/曲线
图片来自：菜鸟教程
基本语法：context.arcTo(x1,y1,x2,y2,r);
参数（均为必须）：
x1：两条切线交点的横坐标；
y1：两条切线交点的纵坐标；
x2：第二条切线起始点的横坐标；
y2：第二条切线起始点的纵坐标；
r：弧的半径。
但是，当半径值过大时，弧线会远离切线的末端，与切线相切：
半径过大
当半径值过小时，弧线不足以连接两条切线：
半径过小
画了这么个东西
这是代码
