我正在开发将在 IOS 设备上运行的 HTML 和 js 应用程序。在此应用程序中，我使用了大量图像并使用 src 在一个函数内设置这些图像的路径。此函数完成后，我调用另一个正在绘制 Canvas 的函数，问题是所有这些图像都没有正确加载，一些图像的宽度保持为 0。如何确保在我之前正确加载所有图像调用下一个函数。
谢谢
最佳答案
请在提问前多做搜索。
等待图像完成加载很容易:
var img = new Image(); // Create new img element
img.onload = function(){
// execute drawImage statements here
};
img.src = 'myImage.png'; // Set source path
确保在尝试绘制之前已为每个图像触发 onload 事件。 如果您有多个图像，并且不想让事情变得复杂，那么有一些库可以为您做这件事，例如 pxloader .
关于javascript - 图片加载不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9892540/