无论如何，可以尝试从Fabricjs中的Url捕获图像、svg加载

Question

我想从 url 添加 svg 图像，当我尝试将其添加到画布时，它给了我一个错误。我想捕获错误以通知用户该错误。然而fabricjs抛出这个错误

Uncaught TypeError: Cannot read properties of undefined (reading 'cloneNode')
    at fabric.min.js:1:43771
    at y.parseSVGDocument (fabric.min.js:1:44470)
    at onComplete (fabric.min.js:1:49688)
    at s.onreadystatechange (fabric.min.js:1:31687)
(anonymous) @ fabric.min.js:1
y.parseSVGDocument @ fabric.min.js:1
onComplete @ fabric.min.js:1
s.onreadystatechange @ fabric.min.js:1
XMLHttpRequest.send (async)
fabric.util.request @ fabric.min.js:1
loadSVGFromURL @ fabric.min.js:1
(anonymous) @ index.html:48

我该如何处理？

Answer 1

我也很努力地做到这一点，但我认为抛出的错误在结构源中太远了，因此即使错误被抛出得更远，它仍然成功返回。如果您确实需要验证加载的图像是否存在，您可以采取解决方法。

创建一个不可见的画布，并为每次加载设置任意超时。在加载 SVG 的回调中，将图像加载到不可见的画布上。超时完成后，检查不可见的画布实际上是否有图像，否则，向用户显示一条消息。然后取下画布。