canvas - 一旦 Canvas 有背景图像， canvas.toDataURL ('png' ) 就会停止工作

Question

我已经使用以下方法设置了 Canvas 的背景图像:

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

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

canvas.toDataURL('png')

停止工作。

而且清除 Canvas 不会清除背景图像。
你能解释一下我哪里出错了。

下面的代码工作正常，直到我添加背景图像。

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());
});