改进HTML5画布图像加载

时间:2011-07-13 07:23:21

标签: javascript performance html5 canvas load

所以我正在创建一个游戏并决定使用画布来制作地图。地图是500kb +(6400x6400px)的大图片,画布尺寸是320x320,所以我一次只显示部分图像,并在点击按钮时重新加载页面。

首先我要问的是,当它只更改显示的部分而不是图像时,如何停止画布在每次刷新页面时重新加载图像?其次,我怎样才能使装载更快/更有效?我可以只加载图像的显示部分吗?欢迎任何性能提示,我可以随心所欲地操作图像。

1 个答案:

答案 0 :(得分:0)

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