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