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

Gratis Node.js-bibliotheek voor het maken van afbeeldingen van HTML

Een geavanceerde open source Node.js afbeeldingsverwerkingsbibliotheek stelt softwareontwikkelaars in staat om JPEG- of PNG-afbeeldingen te genereren uit HTML-inhoud met CSS-ondersteuning en batchafbeeldinggeneratie via een gratis JS API.

Node-HTML-to-Image is een open source gem voor softwareontwikkelaars die op zoek zijn naar een eenvoudige maar krachtige oplossing om HTML-inhoud om te zetten in afbeeldingen. Gebouwd bovenop Puppeteer, een populaire Node.js-bibliotheek die een high-level API biedt om headless Chrome-browsers te bedienen, stelt deze tool ontwikkelaars in staat om afbeeldingen te genereren vanuit HTML-sjablonen met minimale inspanning en kosten. Er zijn verschillende belangrijke functies die deel uitmaken van de bibliotheek die softwareontwikkelaars comfort bieden in het ontwikkelingsproces, zoals het omzetten van ruwe HTML of vooraf ontworpen sjablonen, het creëren van gepersonaliseerde of datagestuurde afbeeldingen, ondersteuning voor CSS-styling, ondersteuning voor meerdere afbeeldingsformaten, batchafbeeldingsgeneratie, het aanpassen van de renderingopties van Puppeteer en nog veel meer.

De Node-HTML-to-Image bibliotheek is een Node.js-module die HTML-sjablonen neemt en deze omzet in statische afbeeldingsbestanden. De bibliotheek is zeer nuttig voor het genereren van banners, citaatafbeeldingen of promotionele inhoud op basis van gebruikersgegevens of vooraf gedefinieerde sjablonen. Bovendien is het ook erg handig voor het exporteren van complexe datavisualisaties, grafieken of tabellen als statische afbeeldingen voor opname in presentaties of rapporten. Softwareontwikkelaars kunnen gerenderde afbeeldingen van promotionele inhoud in e-mails insluiten om compatibiliteit te garanderen met e-mailclients die HTML of CSS blokkeren. Met een lichte API en minimale afhankelijkheden is het perfect voor toepassingen die dynamisch visuals moeten genereren. Door deze bibliotheek te verkennen en te integreren in uw projecten, kunt u nieuwe niveaus van efficiëntie en creativiteit ontgrendelen.

Previous Next

Aan de slag met Node-HTML-to-Image

De aanbevolen manier om de Node-HTML-to-Image-bibliotheek te installeren, is via NPM. Gebruik alstublieft de volgende opdracht voor een soepele installatie.

Installeer de Node-HTML-to-Image Bibliotheek via NPM


npm install node-html-to-image

Installeer de Node-HTML-to-Image Bibliotheek via Yarn


yarn add node-html-to-image

Je kunt het ook handmatig installeren; download de nieuwste releasebestanden rechtstreeks van de GitHub repository.

Genereer een afbeelding van HTML in Node.js

Het genereren van afbeeldingen vanuit HTML-sjablonen is een populaire benadering geworden in moderne toepassingen. De open source Node-HTML-to-Image-bibliotheek maakt het voor softwareontwikkelaars eenvoudig om ruwe HTML of vooraf ontworpen sjablonen om te zetten in statische afbeeldingsbestanden met slechts een paar regels code. Deze functie elimineert de noodzaak voor complexe grafische manipulatiebibliotheken en biedt een eenvoudige interface om visuele output te produceren. Hier is een voorbeeld dat laat zien hoe softwareontwikkelaars een eenvoudige HTML-string kunnen omzetten in een PNG-afbeelding binnen node.js-toepassingen.

Hoe converteer je een HTML-string naar een PNG-afbeelding in Node.js-apps?

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

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

Dynamische Inhoudsweergave via Node.js Bibliotheek

De Node-HTML-to-Image bibliotheek stelt softwareontwikkelaars in staat om variabelen in sjablonen door te geven, waardoor de creatie van gepersonaliseerde of datagestuurde afbeeldingen binnen Node.js-toepassingen mogelijk wordt. Deze functie is bijzonder nuttig voor toepassingen zoals certificaten, gepersonaliseerde rapporten of berichten op sociale media. Het onderstaande voorbeeld toont aan hoe een variabele {{name}} dynamisch wordt vervangen door "Alice" voordat de afbeelding binnen Node.js-toepassingen wordt gerenderd.

Hoe variabelen dynamisch door te geven aan een sjabloon en deze weer te geven in een afbeelding via de Node.js-bibliotheek?

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

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

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

Batchafbeelding Generatie in Node.js

Het gelijktijdig genereren van meerdere afbeeldingen is moeiteloos met de open source Node-HTML-to-Image bibliotheek. Met slechts een paar regels code kan een softwareontwikkelaar meerdere afbeeldingen genereren volgens hun behoeften. Deze functie is ideaal voor bulk taken, zoals het creëren van een reeks gepersonaliseerde afbeeldingen voor een marketingcampagne. Het volgende voorbeeld laat zien hoe je meerdere afbeeldingen kunt genereren met een paar wijzigingen in de inhoud. Hier genereert elk item in de inhoudsarray een aparte afbeelding met de bijbehorende gegevens.

Hoe meerdere afbeeldingen te genereren vanuit HTML-inhoud binnen Node.js-apps?

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

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