所以我正在创建一个游戏并决定为 map 使用 Canvas 。 map 是 500kb+ (6400x6400px) 的大图片, Canvas 大小为 320x320,所以我一次只显示部分图像,并在单击按钮时重新加载页面。
首先我想问的是,当 Canvas 仅更改显示部分而不更改图像时,如何阻止 Canvas 在每次刷新页面时重新加载图像?其次,我怎样才能使加载更快/更有效率?我可以让它只加载图像的显示部分吗?欢迎任何性能提示,我可以根据需要以任何方式操纵图像。
最佳答案
- 为什么要重新加载页面?您可以重新绘制 map 。
- 您可以像 Google map 或任何其他现代制图服务一样,将大图像切割成碎片,按需加载和绘制它们。
关于javascript - 改进 HTML5 Canvas 图像加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6675447/