canvas - 一旦画布有背景图像，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());
});