2016-05-25 11 views
1

私は分からないrequestAnimationFrameをいつ使用するか。 requestAnimationFrameとcssの両方が私のニーズを満たすことができる場合、どちらを選択すればよいですか?requestAnimationFrameはいつ使用しますか? CSSの移行があった場合、なぜrequestAnimationFrameが必要なのでしょうか?

Applied Casesの一部を表示できますか?

非常THX〜

+0

彼らの目的は同じではありません。 rAFはjavascriptコード実行のタイミング関数です。 CSSアニメーションは要素の表示にのみ使用されます。キャンバス上での描画など、いくつかのjavascriptを実行する必要がある場合は、x1からx2にCSSを使用する要素をアニメートする必要がある場合は、答えをrAF – Kaiido

答えて

1

私はあなたがブラウザでは、それがスムーズになるだろうことを確認する必要があり迅速なアニメーションをやりたい時にCSSアニメーションの上に​​を選ぶための唯一の理由があると思います。 jump、stop、pause、returnのようなアニメーションは、​​を使うことで利益を得ることができます。

​​はCPUパワーを使用せず、ユーザーが見ることができるアニメーションだけを描画します(タブをスワイする、最小化するなどは何も消費しません)。フレームは、ブラウザの準備が整ったときだけ描画され、描画待ちのレディフレームがないため、不要なフレームドローはありません。だから、滑らかさ保証のために、あなたは安全に​​を選ぶことができます。

上記の説明に当てはまらない簡単なことを計画している場合、​​は過剰ですので、CSSアニメーションに切り替える方がよいでしょう。相談

出典:

https://dev.opera.com/articles/better-performance-with-requestanimationframe/

+0

〜 – darr

関連する問題