beziercurveto

用来绘制三次贝塞尔曲线， 好奇怪的名字，三次贝塞尔曲线是什么样子的？

三次贝塞尔曲线

定义和用法

bezierCurveTo() 方法通过使用表示三次贝塞尔曲线的指定控制点，向当前路径添加一个点。

三次贝塞尔曲线需要三个点。前两个点是用于三次贝塞尔计算中的控制点，第三个点是曲线的结束点。曲线的开始点是当前路径中最后一个点。如果路径不存在，那么请使用 beginPath() 和 moveTo() 方法来定义开始点。

image.png

该方法需要六个参数，分别是这三个点的横纵坐标值。

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 bezierCurveTo() 方法。
注意：Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。

有关与它的应用

可以来画曲线，比如，表示git 流程的曲线：

image.png