image.src到大图像加载时冻结

Question

我一直在读取图片已经异步加载，或者使用onload（它没有解决问题）。加载大图像时，特别是从canvas.toDataURL()加载，整个页面会在加载图像时冻结。

我具体做的是在隐藏的画布中预渲染程序生成的地图（用于游戏），然后将该数据加载到图像中以更快地绘制。实际问题是设置src，即使我只是img.src=img.src再次调用加载也会发生这种情况。

是否有任何方法可以让大型图像随时间而不是一次性加载并导致这种巨大的中断？

Answer 1

这个问题已有6年历史了，但我偶然发现了这个问题，其他人也可能如此。我猜想您首先通过分配img.src="image.png"来加载图像，然后在其onload中进行处理，然后通过转到img.src = canvas.toDataURL()用处理后的数据替换图像的数据，然后再次触发onload并进行无尽的递归。