改进 HTML5 画布图像加载

Question

所以我正在创建一个游戏并决定使用画布作为地图。该地图是 500kb+ (6400x6400px) 的大图片，画布大小为 320x320，因此我一次仅显示图像的一部分，并在单击按钮时重新加载页面。

所以首先我想问的是，当画布只更改显示部分而不是图像时，如何阻止画布在每次页面刷新时重新加载图像？其次，我怎样才能使加载更快/更高效？我可以让它只加载图像的显示部分吗？欢迎任何性能提示，我可以以任何需要的方式操纵图像。

Answer 1

1. 为什么要重新加载页面？你可以重新绘制地图。
2. 您可以将大图像切成碎片，按需加载和绘制它们，就像 Google 地图或任何其他现代地图服务一样。