1. Produk
  2.   HTML
  3.   Node.js
  4.   Node-HTML-to-Image
 
  

Perpustakaan Node.js Gratis untuk Membuat Gambar dari HTML

Sebuah Perpustakaan Pemrosesan Gambar Node.js Sumber Terbuka yang Canggih memungkinkan Pengembang Perangkat Lunak untuk Menghasilkan Gambar JPEG atau PNG dari Konten HTML dengan Dukungan CSS dan Generasi Gambar Secara Massal melalui API JS gratis.

Node-HTML-to-Image adalah sebuah gem sumber terbuka untuk pengembang perangkat lunak yang mencari solusi sederhana namun kuat untuk mengonversi konten HTML menjadi gambar. Dibangun di atas Puppeteer, sebuah pustaka Node.js populer yang menyediakan API tingkat tinggi untuk mengontrol browser Chrome tanpa kepala, alat ini memungkinkan pengembang untuk menghasilkan gambar dari template HTML dengan usaha dan biaya minimal. Ada beberapa fitur penting yang menjadi bagian dari pustaka ini yang memudahkan pengembang perangkat lunak dalam proses pengembangan, seperti mengonversi HTML mentah atau template yang telah dirancang sebelumnya, pembuatan gambar yang dipersonalisasi atau berbasis data, dukungan gaya CSS, dukungan beberapa format gambar, Generasi Gambar Batch, menyesuaikan opsi rendering Puppeteer dan banyak lagi.

Perpustakaan Node-HTML-to-Image adalah modul Node.js yang mengambil template HTML dan mengubahnya menjadi file gambar statis. Perpustakaan ini sangat membantu dalam menghasilkan spanduk, gambar kutipan, atau konten promosi secara dinamis berdasarkan data pengguna atau template yang telah ditentukan sebelumnya. Selain itu, ini juga sangat berguna untuk mengekspor visualisasi data yang kompleks, grafik, atau tabel sebagai gambar statis untuk dimasukkan dalam presentasi atau laporan. Pengembang perangkat lunak dapat menyematkan gambar yang dirender dari konten promosi dalam email untuk memastikan kompatibilitas dengan klien email yang memblokir HTML atau CSS. Dengan API yang ringan dan ketergantungan yang minimal, ini sempurna untuk aplikasi yang perlu menghasilkan visual secara dinamis. Dengan menjelajahi perpustakaan ini dan mengintegrasikannya ke dalam proyek Anda, Anda dapat membuka tingkat efisiensi dan kreativitas yang baru.

Previous Next

Memulai dengan Node-HTML-to-Image

Cara yang disarankan untuk menginstal Node-HTML-to-Image Library adalah dengan menggunakan NPM. Silakan gunakan perintah berikut untuk instalasi yang lancar.

Instal Perpustakaan Node-HTML-to-Image melalui NPM


npm install node-html-to-image

Instal Perpustakaan Node-HTML-to-Image melalui Yarn


yarn add node-html-to-image

Anda juga dapat menginstalnya secara manual; unduh file rilis terbaru langsung dari GitHub repositori.

Hasilkan Gambar dari HTML di Node.js

Menghasilkan gambar dari template HTML telah menjadi pendekatan yang populer dalam aplikasi modern. Perpustakaan open source Node-HTML-to-Image memudahkan pengembang perangkat lunak untuk mengubah HTML mentah atau template yang telah dirancang sebelumnya menjadi file gambar statis hanya dengan beberapa baris kode. Fitur ini menghilangkan kebutuhan akan perpustakaan manipulasi grafis yang kompleks dan menyediakan antarmuka sederhana untuk menghasilkan keluaran visual. Berikut adalah contoh yang menunjukkan bagaimana pengembang perangkat lunak dapat mengubah string HTML sederhana menjadi gambar PNG di dalam aplikasi node.js.

Bagaimana Mengonversi String HTML Menjadi Gambar PNG di Dalam Aplikasi Node.js?

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  output: './output.png',
  html: '
Hello, World!
',
})
  .then(() => console.log('Image successfully created!'));

Penyajian Konten Dinamis melalui Perpustakaan Node.js

Perpustakaan Node-HTML-to-Image memungkinkan pengembang perangkat lunak untuk memasukkan variabel ke dalam template, memungkinkan pembuatan gambar yang dipersonalisasi atau berbasis data di dalam aplikasi Node.js. Fitur ini sangat berguna untuk aplikasi seperti sertifikat, laporan yang dipersonalisasi, atau pos media sosial. Contoh di bawah ini menunjukkan bagaimana variabel {{name}} secara dinamis diganti dengan "Alice" sebelum merender gambar di dalam aplikasi Node.js.

Bagaimana Cara Mengoper Variabel Secara Dinamis ke dalam Template dan Merendernya ke dalam Gambar melalui Perpustakaan Node.js?

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  output: './personalized.png',
  html: `
    
      
        
Hello, {{name}}!

      
    
  `,
  content: { name: 'Alice' },
})
  .then(() => console.log('Personalized image created!'));

Generasi Gambar Batch di Node.js

Menghasilkan beberapa gambar secara bersamaan sangat mudah dengan pustaka open source Node-HTML-to-Image. Dengan hanya beberapa baris kode, pengembang perangkat lunak dapat menghasilkan beberapa gambar sesuai kebutuhan mereka. Fitur ini sangat ideal untuk tugas massal, seperti membuat serangkaian gambar yang dipersonalisasi untuk kampanye pemasaran. Contoh berikut menunjukkan cara menghasilkan beberapa gambar dengan sedikit perubahan di dalam konten. Di sini, setiap item dalam array konten menghasilkan gambar terpisah dengan data yang sesuai.

Bagaimana Cara Menghasilkan Beberapa Gambar dari Konten HTML di Dalam Aplikasi Node.js?

const nodeHtmlToImage = require('node-html-to-image');

nodeHtmlToImage({
  html: `
Hello, {{name}}!
`,
  content: [
    { name: 'Alice' },
    { name: 'Bob' },
    { name: 'Charlie' },
  ],
})
  .then(() => console.log('Batch images created!'));
 Indonesia