[英]how to create an image loading animation in Fabric.js?
我使用Image.fromURL将图像加载到我的Fabric.js画布中,如下所示:
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!"));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.