JavaScript:fabric.js 解决Uncaught DOMException: Failed to execute 'toDataURL' on 'HTML

参考

fabric.js 解决图片跨域问题

出现Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported错误,网上查找后是图片跨域问题,设置img.crossOrigin='Anonymous';即可解决这个问题。

    app.canvas = new fabric.Canvas('canvas');
    var img = document.createElement("img");
    
    img.onload = function () {
      var canvasImage = new fabric.Image(img,  {
          left: 50,
          top: 60
      });
      app.canvas.add(canvasImage) 
    }

    img.crossOrigin = 'Anonymous';  
    img.src = pic.url;
posted @ 2025-05-10 09:20  Dy大叔  阅读(333)  评论(0)    收藏  举报