javascript - 改进 HTML5 Canvas 图像加载

标签 javascript performance html canvas load

所以我正在创建一个游戏并决定为 map 使用 Canvas 。 map 是 500kb+ (6400x6400px) 的大图片, Canvas 大小为 320x320,所以我一次只显示部分图像,并在单击按钮时重新加载页面。

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

最佳答案

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

关于javascript - 改进 HTML5 Canvas 图像加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6675447/

相关文章:

javascript - 当 css 边框框处于事件状态时了解 offsetWidth 和 clientWidth

c# - 如何使用 CSharp SQLite 加速 SQL 查询?

MySQL:远程客户端上的复杂查询是否比本地客户端上慢?

javascript - 在 jquery 中隐藏单击按钮时的工具提示

html - 带有渐变图像背景的 WordPress 子菜单悬停在父 LI 和子 LI 的上方(子菜单 UL)

javascript - 网站上的移动菜单问题

javascript - 只有一个模态框弹出 - Javascript

javascript - 为什么对 document.querySelectorAll 的引用不起作用?

javascript - 根据特定元素对数组进行排名

Python:如何快速搜索集合中的子字符串?