2

キャンバスに2次曲線があります（開始点、終了点、および制御点によって定義されます）。私が必要としているのは、曲線の座標（たとえば、中央、四分の一など）をより多く取得することです。これにより、（座標の検索を数回繰り返した後）この曲線に基づいてオブジェクトをアニメーション化できるようになります（SVGで簡単に実行できることはわかっていますが、それはオプションではありません）。

ここに画像の説明を入力してください

http://www.html5canvastutorials.com/tutorials/html5-canvas-quadratic-curves/から取得した画像

これを行う簡単な方法はありますか？グーグルで二等分曲線をチェックしたとき、私が見つけた唯一のものは、描画を含むいくつかの複雑な数学でしたが、それは問題外です。

4

2 に答える 2

2

これらの機能はあなたにとって興味深いかもしれません：

Kinetic.Path.getPointOnCubicBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y)
Kinetic.Path.getPointOnQuadraticBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y)
于 2012-11-08T20:38:00.463 に答える
0

ベジェ曲線についても同様の解決策を探しています。曲線上の座標のリストを取得するにはどうすればよいですか?

問題を解決するには、おそらく x 座標 (または y 座標) を二次方程式にプラグインすることができます。

y = a*x^2 + b*x + c

曲線の座標を返す関数が見つからないようです。任意の曲線/形状の座標のリストを取得すると便利です。

于 2012-09-15T07:58:55.293 に答える