一旦画布具有背景图像，canvas.toDataURL（'png'）就会停止工作

Question

我使用以下方法设置了画布的背景图片：

canvas.setBackgroundImage(source, canvas.renderAll.bind(canvas));

它工作得很好，但现在我的

canvas.toDataURL('png')

停止工作。

清除画布也不会清除背景图像。 你能否解释一下哪里出错了。

以下代码可以正常工作，直到我添加背景图片。

document.getElementById('save').onclick = function() {       
   window.open(canvas.toDataURL('png')); 
} 

此外：

canvas.clear(); 

代码不会清除背景图像。

Answer 1

var canvas = window._canvas = new fabric.Canvas（'c'）;

canvas.setBackgroundImage(document.getElementById('img1').src, canvas.renderAll.bind(canvas));

document.getElementById('dataurl').addEventListener('click', function () {
    window.open(canvas.toDataURL());
});