我正在制作PixiJS应用程序,在那里我打扮自己的角色。 因此,不同的PNG图像被加载到Pixi阶段。
有一个完成修整角色的按钮,它使用 .toDataURL()方法保存当前画布。
问题是用户可以点击更换例如T恤,而T恤正在改变,他可以点击完成按钮,但如果T恤没有满载,它可以节省没有T恤的帆布。
当我的修整功能完成时,我已经完成了JS回调来解锁完成按钮。
问题是javascript代码成功完成并替换了画布图像,但图像需要几秒/几毫秒(取决于互联网速度)才能加载。
在此期间,如果用户点击完成按钮,则可能会导致画布不完整。
有什么方法可以检测到画布图像已满载吗?
非常感谢先进!
约瑟普布罗兹
答案 0 :(得分:2)
在将图像插入画布之前,您只需使用图像加载器并确保浏览器已加载png图像。所以请使用:http://pixijs.download/release/docs/PIXI.loaders.Loader.html