背景がスクロールする webapp ゲームを構築しています。背景は非常に背の高い画像で、小さい方canvasのスライスにコピーされて動きの感覚を与えます。最初に使用した画像ファイルの高さは 6000px でした (私のキャンバスの高さは 640px です)。すべてのデスクトップ ブラウザと iPad2 (iOS 6) は、画像ファイルを正常にロードし、アニメーションは素晴らしく見えます。
ただし、iPhone 4S (iOS 5) では、背景がまったく読み込まれません! 大きな背景画像を高さ 2000 ピクセル未満になるまで切り詰めることで問題を解決しました。iPhone は最終的にグラフィックをキャンバスにロードし、そこからすべてがうまく機能しました。
だから私の質問は - JavaScriptcanvas.contextが処理できる最大ファイルサイズはありますか? たぶん、特定のデバイスだけでしょうか？
JS コードがキャンバス上で実行される前にファイルが完全にロードされるように、あらゆる種類の他の回避策を試しましたが、無駄でした。