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

Gratis Node.js-bibliotek for å lage bilder fra HTML

Et avansert åpen kildekode Node.js bildebehandlingsbibliotek lar programvareutviklere generere JPEG- eller PNG-bilder fra HTML-innhold med CSS-støtte og batch bildegenerering via gratis JS API.

Node-HTML-to-Image er en åpen kildekode-gem for programvareutviklere som søker en enkel, men kraftig løsning for å konvertere HTML-innhold til bilder. Bygget på toppen av Puppeteer, et populært Node.js-bibliotek som gir et høynivå API for å kontrollere hodetløse Chrome-nettlesere, gjør dette verktøyet det mulig for utviklere å generere bilder fra HTML-maler med minimal innsats og kostnad. Det er flere viktige funksjoner som er en del av biblioteket som gjør det enklere for programvareutviklere i utviklingsprosessen, som konvertering av rå HTML eller forhåndsdesignede maler, opprettelse av personlige eller datadrevne bilder, støtte for CSS-styling, støtte for flere bildeformater, batchgenerering av bilder, tilpasse Puppeteers gjengivelsesalternativer og mye mer.

Node-HTML-to-Image-biblioteket er et Node.js-modul som tar HTML-maler og omformer dem til statiske bildefiler. Biblioteket er veldig nyttig for å generere bannere, sitatbilder eller markedsføringsinnhold dynamisk basert på brukerdata eller forhåndsdefinerte maler. Videre er det også veldig nyttig for å eksportere komplekse datavisualiseringer, diagrammer eller tabeller som statiske bilder for inkludering i presentasjoner eller rapporter. Programvareutviklere kan sette inn gjengitte bilder av markedsføringsinnhold i e-poster for å sikre kompatibilitet med e-postklienter som blokkerer HTML eller CSS. Med et lettvekts-API og minimale avhengigheter er det perfekt for applikasjoner som trenger å generere visuelle elementer dynamisk. Ved å utforske dette biblioteket og integrere det i prosjektene dine, kan du låse opp nye nivåer av effektivitet og kreativitet.

Previous Next

Kom i gang med Node-HTML-to-Image

Anbefalt måte å installere Node-HTML-to-Image-biblioteket på er ved å bruke NPM. Vennligst bruk følgende kommando for en jevn installasjon.

Installer Node-HTML-to-Image-biblioteket via NPM


npm install node-html-to-image

Installer Node-HTML-to-Image-biblioteket via Yarn


yarn add node-html-to-image

Du kan også installere det manuelt; last ned de nyeste utgivelsesfilene direkte fra GitHub depotet.

Generer et bilde fra HTML i Node.js

Generering av bilder fra HTML-maler har blitt en populær tilnærming i moderne applikasjoner. Det åpne kildekodebiblioteket Node-HTML-to-Image gjør det enkelt for programvareutviklere å konvertere rå HTML eller forhåndsdesignede maler til statiske bildefiler med bare et par linjer med kode. Denne funksjonen eliminerer behovet for komplekse grafiske manipulasjonsbiblioteker og gir et enkelt grensesnitt for å produsere visuelle utdata. Her er et eksempel som viser hvordan programvareutviklere kan konvertere en enkel HTML-streng til et PNG-bilde inne i node.js-applikasjoner.

Hvordan konvertere HTML-streng til et PNG-bilde i Node.js-apper?

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

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

Dynamisk innholdsvisning via Node.js-bibliotek

Node-HTML-to-Image-biblioteket lar programvareutviklere sende variabler inn i maler, noe som muliggjør oppretting av personlige eller datadrevne bilder inne i Node.js-applikasjoner. Denne funksjonen er spesielt nyttig for applikasjoner som sertifikater, personlige rapporter eller innlegg på sosiale medier. Nedenfor er et eksempel som viser hvordan en variabel {{name}} dynamisk blir erstattet med "Alice" før bildet gjengis inne i Node.js-applikasjoner.

Hvordan dynamisk sende variabler inn i mal og gjengi til bilde via Node.js-bibliotek?

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

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

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

Batch bildegenerering i Node.js

Å generere flere bilder samtidig er enkelt med det åpne kildekodebiblioteket Node-HTML-to-Image. Med bare noen få linjer med kode kan programvareutvikleren generere flere bilder i henhold til sine behov. Denne funksjonen er ideell for masseoppgaver, som å lage en serie med personlige bilder for en markedsføringskampanje. Det følgende eksemplet viser hvordan man genererer flere bilder med små endringer i innholdet. Her genererer hvert element i innholdsarrayet et eget bilde med de tilsvarende dataene.

Hvordan generere flere bilder fra HTML-innhold inne i Node.js-apper?

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

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