Zepto を使用してページ間のトランジションを作成するモバイル Web アプリを持っています。アニメーションはデスクトップでは非常にスムーズですが、iPhone 4 ではかなり途切れ途切れです。アニメーションはトランジションよりもパフォーマンスが高いですか? 制御の粒度を除いて、アニメーションとトランジションの違いは何ですか?
質問する
617 次
2 に答える
2
これはトランジションとアニメーションの問題ではありません。変換とプロパティの変更の問題です。
コンテンツは複数の異なる方法で画面上を移動できます。最も一般的な 2 つは、位置プロパティ (左、上、マージン左、スクロール位置など) の変更と変換です。バージョン 5 の iOS では、位置プロパティの変更は CPU のピクセル単位で行われます。サブピクセルのトゥイーンがないため、特に古い非 Retina ディスプレイでは動きがぎこちなくなります。
対照的に、変換 - 特に 3D 変換は GPU で行われるため、非常にスムーズな動きとサブピクセル トゥイーンが得られます。
(一部のデスクトップ ブラウザーは、IE9 のように、GPU アクセラレーションによる位置プロパティの変更を行うことに注意してください。したがって、2 つのアプローチに視覚的な違いはありません)
于 2012-06-08T22:59:43.423 に答える
0
私は専門家ではありませんが、ブラウザがアニメーションを処理する方法だと思います。
マルチステート アニメーションが提供するものを処理するには、単純な 2 つの状態遷移ではなく、より洗練された拡張された方法が必要になるでしょう。
于 2012-06-08T20:09:55.407 に答える