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

Bibliotecă gratuită Node.js pentru crearea de imagini din HTML

O bibliotecă avansată de procesare a imaginilor open source Node.js permite dezvoltatorilor de software să genereze imagini JPEG sau PNG din conținut HTML cu suport CSS și generarea în loturi de imagini prin API-ul JS gratuit.

Node-HTML-to-Image este un gem open source pentru dezvoltatorii de software care caută o soluție simplă, dar puternică, pentru a converti conținut HTML în imagini. Construind pe baza Puppeteer, o bibliotecă populară Node.js care oferă o API de nivel înalt pentru a controla browserele Chrome fără interfață, acest instrument permite dezvoltatorilor să genereze imagini din șabloane HTML cu un efort și cost minim. Există mai multe caracteristici importante parte a bibliotecii care confortă dezvoltatorii de software în procesul de dezvoltare, cum ar fi conversia HTML brut sau a șabloanelor pre-proiectate, crearea de imagini personalizate sau bazate pe date, suport pentru stilizarea CSS, suport pentru mai multe formate de imagine, Generarea de Imagini în Lot, personalizarea opțiunilor de redare Puppeteer și multe altele.

Biblioteca Node-HTML-to-Image este un modul Node.js care preia șabloane HTML și le transformă în fișiere de imagine statice. Biblioteca este foarte utilă pentru generarea de bannere, imagini cu citate sau conținut promoțional dinamic, bazat pe datele utilizatorului sau șabloane predefinite. În plus, este de asemenea foarte utilă pentru exportarea vizualizărilor de date complexe, grafice sau tabele ca imagini statice pentru includerea în prezentări sau rapoarte. Dezvoltatorii de software pot încorpora imagini renderizate ale conținutului promoțional în e-mailuri pentru a asigura compatibilitatea cu clienții de e-mail care blochează HTML sau CSS. Cu o API ușoară și dependențe minime, este perfectă pentru aplicațiile care trebuie să genereze vizualuri dinamic. Prin explorarea acestei biblioteci și integrarea acesteia în proiectele tale, poți debloca noi niveluri de eficiență și creativitate.

Previous Next

Începerea cu Node-HTML-to-Image

Modul recomandat de a instala biblioteca Node-HTML-to-Image este utilizarea NPM. Vă rugăm să folosiți următoarea comandă pentru o instalare fără probleme.

Instalați biblioteca Node-HTML-to-Image prin NPM


npm install node-html-to-image

Instalați biblioteca Node-HTML-to-Image prin Yarn


yarn add node-html-to-image

Puteți, de asemenea, să-l instalați manual; descărcați fișierele celei mai recente versiuni direct de pe GitHub repository.

Generați o imagine din HTML în Node.js

Generarea de imagini din șabloane HTML a devenit o abordare populară în aplicațiile moderne. Biblioteca open source Node-HTML-to-Image facilitează dezvoltatorilor de software conversia HTML-ului brut sau a șabloanelor pre-proiectate în fișiere de imagine statice cu doar câteva linii de cod. Această caracteristică elimină necesitatea bibliotecilor complexe de manipulare grafică și oferă o interfață simplă pentru a produce ieșiri vizuale. Iată un exemplu care arată cum dezvoltatorii de software pot converti un șir HTML simplu într-o imagine PNG în aplicațiile node.js.

Cum să convertești un șir HTML într-o imagine PNG în aplicațiile Node.js?

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

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

Redarea dinamică a conținutului prin intermediul bibliotecii Node.js

Biblioteca Node-HTML-to-Image permite dezvoltatorilor de software să transmită variabile în șabloane, permițând crearea de imagini personalizate sau bazate pe date în aplicațiile Node.js. Această caracteristică este deosebit de utilă pentru aplicații precum certificate, rapoarte personalizate sau postări pe rețelele sociale. Exemplul de mai jos demonstrează cum o variabilă {{name}} este înlocuită dinamic cu "Alice" înainte de a reda imaginea în aplicațiile Node.js.

Cum să treci dinamic variabile în șablon și să le redai într-o imagine prin intermediul bibliotecii 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!'));

Generarea de imagini în loturi în Node.js

Generarea mai multor imagini simultan este simplă cu biblioteca open source Node-HTML-to-Image. Cu doar câteva linii de cod, un dezvoltator de software poate genera mai multe imagini conform nevoilor sale. Această caracteristică este ideală pentru sarcini în masă, cum ar fi crearea unei serii de imagini personalizate pentru o campanie de marketing. Exemplul următor arată cum să generați mai multe imagini cu câteva modificări în conținut. Aici, fiecare element din array-ul de conținut generează o imagine separată cu datele corespunzătoare.

Cum să generați mai multe imagini din conținut HTML în aplicațiile 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!'));
 Română