3

graphicaljQuery Easing プラグインの図 ( ) を見つけましたhttp://james.padolsey.com/demos/jquery/easing/

これらのグラフは正確に何を表していますか。

イージングプラグインを何度か動かしたり分析したりしようとしましたが、実際にどのように機能するのか理解できませんでした

誰かがそれを理解する方法を説明できますか

4

3 に答える 3

4

このように考えてみてください...

  • ボックスの左下隅がアニメーションの開始点です。
  • 右側がアニメーションの終点です。上に行くほどスタート地点から離れます。
  • 下部 (または上部) の長さは、合計アニメーション時間のうちどれだけ経過したかを示します。
  • イージング関数は、2 つのポイント間の設定されたアニメーション時間、または距離/時間であるレートにわたって距離内で要素をアニメーション化する方法を決定します。

したがって、水平線がプロットされているか、曲線が水平線に近づいている場合、時間の経過とともに距離が変化していないため、アニメーション (または最小限) は表示されません。

また、線が急勾配 (上または下) であるほど、要素は距離を横切って移動する速度が速くなります。

于 2010-07-19T21:59:11.507 に答える
1

アニメーションの初速、中速、終速です。

于 2010-07-19T21:21:27.760 に答える
0

パラグラフを読んでください - グラフが何を表しているかを説明しています。

于 2010-07-19T21:39:58.713 に答える