【发布时间】:2011-10-04 06:19:48
【问题描述】:
所以我正在创建一个游戏并决定为地图使用画布。该地图是 500kb+ (6400x6400px) 的大图片,画布大小为 320x320,因此我一次只显示部分图像,并在单击按钮时重新加载页面。
首先我想问的是,当画布只更改显示部分而不更改图像时,如何阻止画布在每次页面刷新时重新加载图像?其次,我怎样才能使加载更快/更有效?我可以让它只加载图像的显示部分吗?欢迎任何性能提示,我可以根据需要以任何方式操作图像。
【问题讨论】:
-
您是否在
drawImage中指定宽度和高度参数?例如:ctx.drawImage('foo.png', 0, 0, 320, 320)这应该有助于提高性能。 -
是的,cxt.drawImage(img,0,0,320,320,0,0,320,320);
标签: javascript performance html canvas load