HTML5キャンバスイメージの読み込みを改善する

Question

私はゲームを作成していて、マップ用にキャンバスを使用することに決めました。地図は大きな画像500kb +（6400x6400px）です。キャンバスのサイズは320x320ですので、一度に画像の一部のみを表示し、ボタンをクリックするとページが再読み込みされます。

まず最初に私は尋ねたいのは、画像ではなく表示された部分だけを変更するときに、キャンバスがすべてのページの更新時に画像を再読み込みしないようにするにはどうすればいいですか？次に、ローディングをより速く/より効率的にする方法を教えてください。表示された部分のみを読み込ませることはできますか？パフォーマンスのヒントは歓迎され、私はどのような方法でもイメージを操作できます。

Answer 1

1. ページをリロードする理由マップを再描画できます。
2. Googleマップやその他の最新の地図作成サービスのように、大きい画像を断片的にカットし、必要に応じて読み込んで描画することができます。