リファレンス curvePoint()

curvePoint()

補間を使用してスプライン曲線に沿った座標を計算します。

curvePoint()はアンカーポイントとコントロールポイントを使用して、 スプライン曲線に沿った座標を計算します。これはcurve() 関数と同じ順序でポイントを期待します。curvePoint()は一度に1つの軸に対して 機能します。アンカーポイントとコントロールポイントのx座標を渡すと、曲線上の点の x座標を計算します。アンカーポイントとコントロールポイントのy座標を渡すと、 曲線上の点のy座標を計算します。

最初のパラメータaは、最初のコントロールポイントの座標です。

2番目と3番目のパラメータbcは、アンカーポイントの座標です。

4番目のパラメータdは、最後のコントロールポイントの座標です。

5番目のパラメータtは、曲線に沿って補間する量です。0は最初の アンカーポイント、1は2番目のアンカーポイント、0.5はその中間点です。

実例

シンタックス

curvePoint(a, b, c, d, t)

パラメーター

a
Number:

最初のアンカーポイントの座標。

b
Number:

最初のコントロールポイントの座標。

c
Number:

2番目のコントロールポイントの座標。

d
Number:

2番目のアンカーポイントの座標。

t
Number:

0から1の間で補間する量。

リターン

Number: 曲線上の点の座標。
Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/curves.js and open a pull request!

関連するリファレンス