Cara Covert HTML Menjadi Image atau gambar

Artikel yang membahas bagaimana cara meng covert dari HTML ke Gambar

Cara Covert HTML Menjadi Image atau Gambar - Sebenarnya dah ngantuk banget cuma kepengen ada yang bisa gee bagikan buat pengunjung setia blog ini, lama sudah ga nulis pengen terus nulis biar selalu betambah ilmu (Mulai ngelantur).

Oke mas bro, kali ini saya mau memberika tutorial ga banyak sih cuma cara bagaimana merubah tag html menjadi gambar. untuk melakukan itu rasanya sulit kalau mau membangun code langsung untuk merender tag tag html menjadi gambar, makanya diperlukan sebuah library/plugin jquery yang bisa memudahkan kita untuk membuat aplikasi itu.

Plugin HTML2CANVAS sudah banyak yang menggunakan dan terbukti banyak respon positif jadinya gee putuskan untuk menggunakan plugin ini.

masukan script librarynya terlebih dahulu, contoh :

<script type="text/javascript" scr="lokasi/file/html2canvas.js"></script>

Kemudian kamu coba script ini :

<script>
html2canvas(document.body, {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});
</script>

jika sudah coba kamu reload, jika berjalan dengan baik maka hasil dari semua website kamu akan tampil dibawah dalam bentuk gambar. untuk improvisasi kamu bisa ubah ubah elemen yang akan di convert, dalam contoh diata code : document.body adalah elemen yang akan di render menjadi gambar.

Kalau teman gee masih kesulitan bisa dengan memberikan komentar di bawah ini, dan mungkin bisa segera saya balas.