检测已加载的Pixi画布图像

Question

我正在研究PixiJS应用程序，在其中我打扮了自己的角色。 因此，将不同的PNG图像加载到Pixi阶段。

有一个用于完成穿衣角色的按钮，它使用.toDataURL（）方法保存当前画布。

问题是用户可以单击以更改例如T恤，而在更改T恤时，他可以单击“完成”按钮，但是如果T恤未完全加载，则可以节省没有T恤的画布。

当我的穿衣功能完成时，我已经进行了JS回调来解锁完成按钮。

事实是，JavaScript代码成功完成并替换了画布图像，但是图像需要几秒钟/毫秒（取决于互联网速度）来加载。

在此期间，如果用户单击“完成”按钮，则可能会导致画布不完整。

有什么方法可以检测出画布图像已完全加载吗？

非常感谢高级！

乔西普

Answer 1

您只需要使用图像加载器，并在将图像插入画布之前，确保浏览器已加载png图像。 因此，请使用： http : //pixijs.download/release/docs/PIXI.loaders.Loader.html