Pertama, mari kita bicara tentang masalah apa yang kita temui. Pertama-tama, ada kebutuhan seperti itu. Front end perlu menghasilkan gambar secara dinamis berdasarkan data yang dikirimkan dari back end. Copywriting, gambar latar belakang, dan avatar pengguna dalam gambar semuanya diperoleh melalui antarmuka back-end. Namun, beberapa gambar di kanvas yang dihasilkan menggunakan html2canvas berhasil dibuat di kanvas. Namun beberapa gambar tetap tidak muncul.
Dokumentasi resmiSaya sudah lama mengerjakan proyek ini tanpa hasil, dan saya sudah lama mencari di Google tanpa hasil. Ada sedikit keputusasaan saat ini. Tiba-tiba terlintas di benak saya, kenapa tidak memeriksa situs resminya. Jadi saya melihat konten berikut di situs resminya.
Keterbatasan<br/>
Semua gambar yang digunakan skrip harus berada di sumber yang sama agar dapat dibaca tanpa bantuan proxy. Demikian pula, jika Anda memiliki elemen kanvas lain di halaman, yang telah dinodai dengan konten lintas asal , mereka akan menjadi kotor dan tidak dapat dibaca lagi oleh html2canvas.<br/>
Skrip tidak merender konten plugin seperti Applet Flash atau Java.
Apa yang dibicarakan? Ini terjemahan untuk siswa yang tidak pandai bahasa Inggris. Jika anda jago bahasa inggris bisa langsung baca diatas. Makna umum dalam html2canvas digunakan skrip untuk beroperasi, artinya skrip digunakan untuk mengubah html menjadi kanvas, namun ada batasannya yaitu gambar lintas sumber tidak dapat digunakan. Jika digunakan, html2canvas tidak akan membaca sumber daya.
Inilah sebabnya mengapa beberapa gambar di kanvas yang dikonversi selalu kosong. Jika ada kanvas lain di halaman yang juga menggunakan sumber gambar lintas sumber, html2canvas tidak akan membacanya.
larutanCukup teruskan sumber daya statis satu kali dan izinkan pemuatan sumber daya lintas asal dalam konfigurasi html2canvas.
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.