检测 Pixi canvas 图像已加载
Detect Pixi canvas images loaded
我正在开发 PixiJS 应用程序，我在其中打扮我的角色。
因此，不同的PNG图像被加载到Pixi stage。
有一个按钮可以完成角色的装扮，它使用 .toDataURL() 方法保存当前 canvas。
问题是用户可以点击更改例如 T 恤，当 T 恤正在更改时他可以点击完成按钮，但如果 T 恤没有完全加载它会保存 canvas 没有T 恤。
当我的装扮功能完成时，我已经制作了 JS 回调来解锁完成按钮。
问题是 javascript 代码成功完成并替换了 canvas 图片，但图片需要很少的 seconds/miliseconds（取决于网速）来加载。
在此期间，如果用户单击完成按钮，可能会导致不完整 canvas。
有什么方法可以检测 canvas 图片是否已完全加载？
非常感谢！
约瑟普
您只需要使用图像加载器并确保浏览器已加载 png 图像，然后再将图像插入 canvas。所以使用这个：http://pixijs.download/release/docs/PIXI.loaders.Loader.html
我正在开发 PixiJS 应用程序，我在其中打扮我的角色。 因此，不同的PNG图像被加载到Pixi stage。
有一个按钮可以完成角色的装扮，它使用 .toDataURL() 方法保存当前 canvas。
问题是用户可以点击更改例如 T 恤，当 T 恤正在更改时他可以点击完成按钮，但如果 T 恤没有完全加载它会保存 canvas 没有T 恤。
当我的装扮功能完成时，我已经制作了 JS 回调来解锁完成按钮。
问题是 javascript 代码成功完成并替换了 canvas 图片，但图片需要很少的 seconds/miliseconds（取决于网速）来加载。
在此期间，如果用户单击完成按钮，可能会导致不完整 canvas。
有什么方法可以检测 canvas 图片是否已完全加载？
非常感谢！
约瑟普
您只需要使用图像加载器并确保浏览器已加载 png 图像，然后再将图像插入 canvas。所以使用这个：http://pixijs.download/release/docs/PIXI.loaders.Loader.html