javascript - 绘制具有 3 个以上控制点的贝塞尔曲线

Question

我知道我可以使用 bezierCurveTo() 绘制带有 3 个控制点的贝塞尔曲线。如何绘制具有 3 个以上控制点的贝塞尔曲线？我尝试使用 KineticJS 中的样条曲线（因为我可以指定任意数量的点），但生成的曲线看起来不像贝塞尔曲线（例如，如果我只设置了 3 个点）。我可以以某种方式将更多的二次贝塞尔曲线连接在一起以获得超过 3 个控制点的曲线吗？

Answer 1

假设您有 3 条曲线：

 curve1, curve2, and curve3

你想要一条将所有曲线连接在一起的曲线，称之为：

 curve 4

使用 kineticJS（此时为 4.3.1），您可以：

 var points1 = curve1.getPoints();
 var points2 = curve2.getPoints();
 var points3 = curve2.getPoints();
 var joined = points1.concat(points2,points3);

 curve4.setPoints(joined);
 // make sure to redraw the layer