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

Kostenlose Node.js-Bibliothek zum Erstellen von Bildern aus HTML

Eine fortschrittliche Open Source Node.js-Bildverarbeitungsbibliothek ermöglicht Softwareentwicklern, JPEG- oder PNG-Bilder aus HTML-Inhalten mit CSS-Unterstützung zu generieren und die Batch-Bilderzeugung über eine kostenlose JS-API.

Node-HTML-to-Image ist ein Open-Source-Tool für Softwareentwickler, die eine einfache, aber leistungsstarke Lösung suchen, um HTML-Inhalte in Bilder zu konvertieren. Es basiert auf Puppeteer, einer beliebten Node.js-Bibliothek, die eine hochgradige API zur Steuerung von headless Chrome-Browsern bereitstellt. Dieses Tool ermöglicht es Entwicklern, mit minimalem Aufwand und Kosten Bilder aus HTML-Vorlagen zu generieren. Es gibt mehrere wichtige Funktionen, die Teil der Bibliothek sind und Softwareentwickler im Entwicklungsprozess unterstützen, wie die Konvertierung von rohem HTML oder vorgefertigten Vorlagen, die Erstellung von personalisierten oder datengestützten Bildern, Unterstützung für CSS-Styling, Unterstützung für mehrere Bildformate, Batch-Bilderzeugung, Anpassung der Rendering-Optionen von Puppeteer und vieles mehr.

Die Node-HTML-to-Image-Bibliothek ist ein Node.js-Modul, das HTML-Vorlagen nimmt und sie in statische Bilddateien umwandelt. Die Bibliothek ist sehr hilfreich bei der dynamischen Erstellung von Bannern, Zitatbildern oder Werbeinhalten basierend auf Benutzerdaten oder vordefinierten Vorlagen. Darüber hinaus ist sie auch sehr nützlich für den Export komplexer Datenvisualisierungen, Diagramme oder Tabellen als statische Bilder zur Einbindung in Präsentationen oder Berichte. Softwareentwickler können gerenderte Bilder von Werbeinhalten in E-Mails einbetten, um die Kompatibilität mit E-Mail-Clients sicherzustellen, die HTML oder CSS blockieren. Mit einer leichtgewichtigen API und minimalen Abhängigkeiten ist sie perfekt für Anwendungen, die visuelle Inhalte dynamisch generieren müssen. Durch die Erkundung dieser Bibliothek und deren Integration in Ihre Projekte können Sie neue Ebenen der Effizienz und Kreativität freischalten.

Previous Next

Einstieg in Node-HTML-to-Image

Die empfohlene Methode zur Installation der Node-HTML-to-Image-Bibliothek ist die Verwendung von NPM. Bitte verwenden Sie den folgenden Befehl für eine reibungslose Installation.

Installieren Sie die Node-HTML-to-Image-Bibliothek über NPM


npm install node-html-to-image 

Installieren Sie die Node-HTML-to-Image-Bibliothek über Yarn


yarn add node-html-to-image 

Sie können es auch manuell installieren; laden Sie die neuesten Release-Dateien direkt aus dem GitHub Repository herunter.

Ein Bild aus HTML in Node.js generieren

Die Generierung von Bildern aus HTML-Vorlagen ist zu einem beliebten Ansatz in modernen Anwendungen geworden. Die Open-Source-Bibliothek Node-HTML-to-Image ermöglicht es Softwareentwicklern, rohes HTML oder vorgefertigte Vorlagen mit nur wenigen Codezeilen in statische Bilddateien umzuwandeln. Diese Funktion beseitigt die Notwendigkeit komplexer Grafikbearbeitungsbibliotheken und bietet eine einfache Schnittstelle zur Erstellung visueller Ausgaben. Hier ist ein Beispiel, das zeigt, wie Softwareentwickler einen einfachen HTML-String in ein PNG-Bild innerhalb von node.js-Anwendungen umwandeln können.

Wie man einen HTML-String in ein PNG-Bild in Node.js-Apps umwandelt?

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

nodeHtmlToImage({
  output: './output.png',
  html: '

Hello, World!

', }) .then(() => console.log('Image successfully created!'));

Dynamische Inhaltsdarstellung über die Node.js-Bibliothek

Die Node-HTML-to-Image-Bibliothek ermöglicht es Softwareentwicklern, Variablen in Vorlagen einzufügen, wodurch die Erstellung von personalisierten oder datengestützten Bildern innerhalb von Node.js-Anwendungen ermöglicht wird. Diese Funktion ist besonders nützlich für Anwendungen wie Zertifikate, personalisierte Berichte oder Beiträge in sozialen Medien. Das folgende Beispiel zeigt, wie eine Variable {{name}} dynamisch durch "Alice" ersetzt wird, bevor das Bild innerhalb von Node.js-Anwendungen gerendert wird.

Wie man Variablen dynamisch in eine Vorlage übergibt und sie über die Node.js-Bibliothek in ein Bild rendert?

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

nodeHtmlToImage({
  output: './personalized.png',
  html: `
    
      
        

Hello, {{name}}!

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

Batch-Bilderzeugung in Node.js

Das gleichzeitige Generieren mehrerer Bilder ist mühelos mit der Open-Source-Bibliothek Node-HTML-to-Image. Mit nur wenigen Zeilen Code kann ein Softwareentwickler mehrere Bilder entsprechend seinen Bedürfnissen erstellen. Diese Funktion ist ideal für Massenaufgaben, wie das Erstellen einer Reihe von personalisierten Bildern für eine Marketingkampagne. Das folgende Beispiel zeigt, wie man mit kleinen Änderungen im Inhalt mehrere Bilder generiert. Hier erzeugt jedes Element im Inhaltsarray ein separates Bild mit den entsprechenden Daten.

Wie man mehrere Bilder aus HTML-Inhalten in Node.js-Apps generiert?

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

nodeHtmlToImage({
  html: `

Hello, {{name}}!

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