背景画像変更時のちらつきを防ぐ方法

Question

次のように、JavaScript を使用してキャンバスから div に繰り返し背景画像を適用しました。 リーリー

頻繁に更新する必要があります。問題は、変更時にちらつくことです。これは Chrome では起​​こらないようですが、Firefox と Safari では非常にひどいです。これを防ぐことは可能でしょうか？これはデータ URL なのでダウンロードする必要がないため、これは起こっていないと思います。

＃＃＃＃＃＃解決：＃＃＃＃＃＃ リーリー

Answer 1

と display: none

を含めずに、次のように画像をプリロードします。 リーリー

Answer 2

次の HTML コードに示すように、DOM に画像を含めることにより、画像リソースをデバイス ストレージにプリロードしてみます。画像リソースを読み込む必要があるため、時間がかかる(ちらつく)ためにエラーが発生する可能性があります。

リーリー

sprites-images を使用することをお勧めします。スプライトを使用すると、アプリケーションですべてのリソースをページに読み込むために必要な HTTP リクエストが減ります。 cssアニメーションを使用する場合は、次のCSSスタイルも追加してください。モバイルデバイスでの背景のちらつきを防ぎます:

リーリー