キャンバスにイメージ シーケンスを作成できるように、200 を超える .png ファイルをプリロードする必要がある珍しいプロジェクトがあります。これらのファイルとサイトの残りのファイルを合わせて、合計で約 323 ファイルになります。これは、IE9 を除くすべてのブラウザーで正常に機能します。
IE9 はファイルの読み込みを開始しますが、180 ～ 220 個のファイルの読み込みで停止します。常に一貫しているわけではありません。
これらのシーケンス PNG を最初に配置すると、それらの PNG 内のどこかで停止することに気付きました。それらを最後に配置すると、実際には他のすべてのアセットが読み込まれ、他のアセットを読み込んだ後を除いて、シーケンス PNG 内のどこかで再び停止します。
私が試したさまざまなこと：
forループを介してすべてのアセットをロードするタグ（Image（））を使用してみました。これにより、すべてのファイルが読み込まれるのを見ることができるが、すべてのファイルが報告されないという問題が発生しました。
次に、ファイルを 10 個のバッチでロードするようにコードを変更しましたが、image.onload が毎回起動しないため、私の努力が妨げられました。
XHRを使用してそれらをロードするPreloadJSの使用に移りましたが、ロード中に情報(エラーなど)なしで停止するだけです
私はここでアイデアを使い果たし始めています。PNG がかなり大きい (1920x1080) ため、何か問題があるのではないかと期待しています。
これはすべて $(document).ready() の後に発生します。
どんな助けでも大歓迎です。