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

Perpustakaan Node.js Percuma untuk Membuat Imej dari HTML

Perpustakaan Pemprosesan Imej Node.js Sumber Terbuka Lanjutan membolehkan Pembangun Perisian untuk Menghasilkan Imej JPEG atau PNG daripada Kandungan HTML dengan Sokongan CSS dan Penjanaan Imej Secara Pukal melalui API JS percuma.

Node-HTML-to-Image adalah sebuah gem sumber terbuka untuk pemaju perisian yang mencari penyelesaian yang mudah tetapi berkuasa untuk menukar kandungan HTML menjadi imej. Dibina di atas Puppeteer, sebuah pustaka Node.js yang popular yang menyediakan API peringkat tinggi untuk mengawal pelayar Chrome tanpa kepala, alat ini membolehkan pemaju menghasilkan imej dari templat HTML dengan usaha dan kos yang minimum. Terdapat beberapa ciri penting dalam pustaka ini yang memudahkan pemaju perisian dalam proses pembangunan, seperti menukar HTML mentah atau templat yang telah direka, penciptaan imej yang diperibadikan atau berasaskan data, sokongan gaya CSS, sokongan pelbagai format imej, Penjanaan Imej Batch, menyesuaikan pilihan rendering Puppeteer dan banyak lagi.

Perpustakaan Node-HTML-to-Image adalah modul Node.js yang mengambil templat HTML dan mengubahnya menjadi fail imej statik. Perpustakaan ini sangat berguna dalam menghasilkan sepanduk, imej petikan, atau kandungan promosi secara dinamik berdasarkan data pengguna atau templat yang telah ditetapkan. Selain itu, ia juga sangat berguna untuk mengeksport visualisasi data yang kompleks, carta, atau jadual sebagai imej statik untuk dimasukkan dalam pembentangan atau laporan. Pembangun perisian boleh menyematkan imej yang dirender dari kandungan promosi dalam e-mel untuk memastikan keserasian dengan klien e-mel yang menyekat HTML atau CSS. Dengan API yang ringan dan kebergantungan yang minimum, ia sempurna untuk aplikasi yang perlu menjana visual secara dinamik. Dengan meneroka perpustakaan ini dan mengintegrasikannya ke dalam projek anda, anda boleh membuka tahap kecekapan dan kreativiti yang baru.

Previous Next

Memulakan dengan Node-HTML-to-Image

Kaedah yang disyorkan untuk memasang Perpustakaan Node-HTML-to-Image adalah menggunakan NPM. Sila gunakan arahan berikut untuk pemasangan yang lancar.

Pasang Perpustakaan Node-HTML-to-Image melalui NPM


npm install node-html-to-image

Pasang Perpustakaan Node-HTML-to-Image melalui Yarn


yarn add node-html-to-image

Anda juga boleh memasangnya secara manual; muat turun fail keluaran terkini terus dari GitHub repositori.

Hasilkan Imej dari HTML dalam Node.js

Menjana imej daripada templat HTML telah menjadi pendekatan yang popular dalam aplikasi moden. Perpustakaan Node-HTML-to-Image sumber terbuka memudahkan pemaju perisian menukar HTML mentah atau templat yang telah direka sebelumnya menjadi fail imej statik dengan hanya beberapa baris kod. Ciri ini menghapuskan keperluan untuk perpustakaan manipulasi grafik yang kompleks dan menyediakan antara muka yang mudah untuk menghasilkan output visual. Berikut adalah contoh yang menunjukkan bagaimana pemaju perisian boleh menukar rentetan HTML yang mudah menjadi imej PNG dalam aplikasi node.js.

Bagaimana untuk Menukar Rentetan HTML kepada Imej PNG dalam Aplikasi Node.js?

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

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

Penyampaian Kandungan Dinamik melalui Perpustakaan Node.js

Perpustakaan Node-HTML-to-Image membolehkan pemaju perisian untuk menghantar pembolehubah ke dalam templat, membolehkan penciptaan imej yang diperibadikan atau berasaskan data di dalam aplikasi Node.js. Ciri ini sangat berguna untuk aplikasi seperti sijil, laporan yang diperibadikan, atau pos media sosial. Contoh di bawah menunjukkan bagaimana pembolehubah {{name}} digantikan secara dinamik dengan "Alice" sebelum imej dirender di dalam aplikasi Node.js.

Bagaimana untuk Menghantar Pembolehubah Secara Dinamik ke dalam Templat dan Menghasilkan ke dalam Imej 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!'));

Penjanaan Imej Batch dalam Node.js

Menghasilkan pelbagai imej secara serentak adalah mudah dengan perpustakaan Node-HTML-to-Image sumber terbuka. Dengan hanya beberapa baris kod, pemaju perisian boleh menghasilkan pelbagai imej mengikut keperluan mereka. Ciri ini adalah ideal untuk tugas besar, seperti mencipta satu siri imej peribadi untuk kempen pemasaran. Contoh berikut menunjukkan cara untuk menghasilkan pelbagai imej dengan sedikit perubahan dalam kandungan. Di sini, setiap item dalam array kandungan menghasilkan imej yang berasingan dengan data yang sepadan.

Bagaimana untuk Menghasilkan Pelbagai Imej dari Kandungan 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!'));
 Melayu