检测加载的Pixi画布图像

时间:2017-02-03 14:04:46

标签: javascript jquery canvas pixi.js

我正在制作PixiJS应用程序,在那里我打扮自己的角色。 因此,不同的PNG图像被加载到Pixi阶段。

有一个完成修整角色的按钮,它使用 .toDataURL()方法保存当前画布。

问题是用户可以点击更换例如T恤,而T恤正在改变,他可以点击完成按钮,但如果T恤没有满载,它可以节省没有T恤的帆布。

当我的修整功能完成时,我已经完成了JS回调来解锁完成按钮。

问题是javascript代码成功完成并替换了画布图像,但图像需要几秒/几毫秒(取决于互联网速度)才能加载。

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

有什么方法可以检测到画布图像已满载吗?

非常感谢先进!

约瑟普布罗兹

1 个答案:

答案 0 :(得分:2)

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