リファレンス bezierPoint()

bezierPoint()

補間を使用してベジエ曲線に沿った座標を計算します。

bezierPoint()は、アンカーポイントと制御点を使用して ベジエ曲線に沿った座標を計算します。bezier()関数と 同じ順序でポイントを指定することが期待されます。bezierPoint()は 一度に1つの軸に対して機能します。アンカーポイントと制御点の x座標を渡すと、曲線上のポイントのx座標が計算されます。 y座標を渡すと、曲線上のポイントのy座標が計算されます。

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

2番目と3番目のパラメータbcは、制御点の座標です。

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

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

実例

シンタックス

bezierPoint(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!

関連するリファレンス