fabricjs 加载图片错误捕获

在fabric.js中加载图片时，可以通过监听“object:added”事件来捕获错误。代码如下：

canvas.on('object:added', function(e) {
  if (e.target.type === 'image') {
    var img = e.target;
    if (!img._element) {
      console.log('Failed to load image:', img.src);
    }
  }
});

在这个事件处理程序中，我们首先检查添加的对象是否是图像类型。然后，我们检查图像是否成功加载，如果没有成功加载，我们将在控制台中输出错误消息。

另外，也可以使用“image:load”和“image:error”事件来监听图像的加载状态，代码如下：

fabric.Image.fromURL('path/to/image.jpg', function(img) {
  img.on('load', function() {
    console.log('Image loaded:', img.src);
  });
  img.on('error', function() {
    console.log('Failed to load image:', img.src);
  });
  canvas.add(img);
});

这里我们使用了fabric.Image.fromURL()方法来加载图像，并在图像加载完成后监听“load”事件。如果图像加载失败，则会触发“error”事件。