canvas画曲线

1、绘制圆弧

有两个方法可以绘制圆弧：

1、arc(x, y, r, startAngle, endAngle, anticlockwise): 以(x, y)为圆心，以r为半径，从 startAngle弧度开始到endAngle弧度结束。anticlosewise是布尔值，true表示逆时针，false表示顺时针(默认是顺时针)。

2、arcTo(x1, y1, x2, y2, radius): 根据给定的控制点和半径画一段圆弧，最后再以直线连接两个控制点。

arcTo 方法的说明：

这个方法可以这样理解。绘制的弧形是由两条切线所决定。

第 1 条切线：起始点和控制点1决定的直线。

第 2 条切线：控制点1 和控制点2决定的直线。

​其实绘制的圆弧就是与这两条直线相切的圆弧。

2、绘制曲线

贝塞尔曲线

（1）一次贝塞尔曲线其实是一条直线

（2）二次贝塞尔曲线

绘制方法：
quadraticCurveTo(cp1x, cp1y, x, y)

（3）三次贝塞尔曲线

绘制方法：

bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)

参考地址：贝塞尔曲线路径公式，贝赛尔曲线在线调试

（4）贝塞尔曲线应用

          a、基于canvas使用贝塞尔曲线平滑拟合折线段：基于canvas使用贝塞尔曲线平滑拟合折线段_根据多个点使用canvas贝赛尔曲线画一条平滑的曲线-优快云博客

          b、贝塞尔曲线画图

          c、贝赛尔曲线画轨迹