Pertanyaan setelah kanvas memiliki gambar latar belakang, kanvas.toDataURL ('png') berhenti berfungsi


Saya telah mengatur gambar latar belakang kanvas menggunakan:

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

Ini bekerja hebat tapi sekarang saya

canvas.toDataURL('png')

berhenti bekerja.

Dan juga membersihkan kanvas tidak membersihkan gambar latar belakang. Bisakah Anda jelaskan mana yang salah.

Kode di bawah ini berfungsi dengan baik sampai saya menambahkan gambar latar belakang.

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

Juga:

canvas.clear(); 

Kode tidak membersihkan gambar latar belakang.


4
2017-08-19 04:12


asal


Jawaban:


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

0
2018-01-27 03:18