私は分からないrequestAnimationFrameをいつ使用するか。 requestAnimationFrameとcssの両方が私のニーズを満たすことができる場合、どちらを選択すればよいですか?requestAnimationFrameはいつ使用しますか? CSSの移行があった場合、なぜrequestAnimationFrameが必要なのでしょうか?
Applied Casesの一部を表示できますか?
非常THX〜
私は分からないrequestAnimationFrameをいつ使用するか。 requestAnimationFrameとcssの両方が私のニーズを満たすことができる場合、どちらを選択すればよいですか?requestAnimationFrameはいつ使用しますか? CSSの移行があった場合、なぜrequestAnimationFrameが必要なのでしょうか?
Applied Casesの一部を表示できますか?
非常THX〜
私はあなたがブラウザでは、それがスムーズになるだろうことを確認する必要があり迅速なアニメーションをやりたい時にCSSアニメーションの上にを選ぶための唯一の理由があると思います。 jump、stop、pause、returnのようなアニメーションは、を使うことで利益を得ることができます。
はCPUパワーを使用せず、ユーザーが見ることができるアニメーションだけを描画します(タブをスワイする、最小化するなどは何も消費しません)。フレームは、ブラウザの準備が整ったときだけ描画され、描画待ちのレディフレームがないため、不要なフレームドローはありません。だから、滑らかさ保証のために、あなたは安全にを選ぶことができます。
上記の説明に当てはまらない簡単なことを計画している場合、は過剰ですので、CSSアニメーションに切り替える方がよいでしょう。相談
出典:
https://dev.opera.com/articles/better-performance-with-requestanimationframe/
〜 – darr
彼らの目的は同じではありません。 rAFはjavascriptコード実行のタイミング関数です。 CSSアニメーションは要素の表示にのみ使用されます。キャンバス上での描画など、いくつかのjavascriptを実行する必要がある場合は、x1からx2にCSSを使用する要素をアニメートする必要がある場合は、答えをrAF – Kaiido