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