我使用 Image.fromURL 将图像加载到我的 Fabric.js Canvas 中,如下所示:
fabric.Image.fromURL(url, function(img) {
//blah blah blah
canvas.add(img).setActiveObject(img);
});
它可以工作,但有些图像需要几秒钟才能加载,并且用户必须坐在那里没有任何反馈。我想放入加载动画,但我找不到任何可以用来告诉我图像何时完成加载并准备好显示的事件。
有人有解决办法吗?谢谢!
最佳答案
这应该做:
function createCanvasImage(callback) {
// Placeholder-Code to set the loading-image spinning
// Now load the image with AJAX
var sauce = "http://..."
var request = $.ajax({
url: sauce,
crossDomain: true,
type: "HEAD",
cache: true,
});
// If AJAX loaded your image, the browser will have it in cache,
// so now we can add it
request.done(function () {
fabric.Image.fromURL(sauce, function(img) {
// blah blah blah
canvas.add(img).setActiveObject(img);
});
// Placeholder-Code to stop the loading-image
callback();
});
}
createCanvasImage(alert.bind(undefined, "Image loading done!"));
关于javascript - 如何在 Fabric.js 中创建图像加载动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31530738/