fabricjs - Image.fromURL 错误回调

Question

我正在尝试使用 fromURL 加载图像.问题是，如果无法访问图像服务器以下载图像，我希望它能够加载默认图标。查看文档我没有看到 fromURL 的错误回调功能。我们应该如何发现调用不成功并因此做适当的事情？当图像加载不成功时，似乎根本没有调用回调。

Answer 1

您可以使用 fabric.util.loadImage()方法而不是 fabric.Image.fromURL() .

如果你看 fromURL()方法实现，内部使用 loadImage() .

以下代码可能对您有所帮助:

fabric.util.loadImage('https://s3-eu-west-1.amazonaws.com/kienzle.dev.cors/img/image2.png', function(img) {
    if(img == null) {
        alert("Error!");
    }else {
        var image = new fabric.Image(img);
        canvas.add(image).setActiveObject(image);
        canvas.renderAll();
    }
}, { crossOrigin: 'anonymous' });

这是 fiddle : http://jsfiddle.net/k7moorthi/30kmn5kL/