Deklarative PDF-Programmierung, JavaScript-Bibliothek
Kostenlose und Open-Source-Bibliothek zum Generieren von PDF-Dokumenten durch Deklaration der PDF-Struktur in JavaScript.
Was ist pdfmake?
Pdfmake ist eine praktische JavaScript-Bibliothek, die sowohl kostenlos als auch Open Source ist, was sie zu einem großartigen Tool zur Vereinfachung des Prozesses der Erstellung von PDF-Dokumenten in Webanwendungen macht. Sie können die Struktur eines PDF-Dokuments deklarieren, indem Sie Text, Bilder, Tabellen usw. mit den anzuwendenden Stilen definieren, und pdfmake kümmert sich um den Rest, um PDFs mit Ihrem erforderlichen visuellen Stil zu erstellen, wie unten gezeigt:
Im Folgenden sind einige der Hauptfunktionen von pdfmake aufgeführt:
- PDFs erstellen: Mit Pdfmake können Sie PDF-Dokumente aus strukturierten Daten erstellen und so problemlos Berichte, Rechnungen, Formulare und andere Arten von Dokumenten erstellen.
- Tabellen hinzufügen: Mit Pdfmake können Sie ganz einfach Tabellen entwerfen und in Ihre PDFs einfügen, wodurch die Anzeige tabellarischer Daten und die Aufrechterhaltung eines strukturierten Layouts vereinfacht wird.
- Bilder hinzufügen: Mit Pdfmake können Sie Bilder in Ihre PDF-Dokumente einfügen und so Logos, Grafiken oder Fotos integrieren, um die visuelle Attraktivität zu verbessern.
- Passwörter hinzufügen: Pdfmake unterstützt das Hinzufügen eines Passwortschutzes zu Ihren PDFs und hilft so, sensible Informationen zu schützen, indem ein Passwort für den Dokumentenzugriff erforderlich ist.
Erste Schritte mit pdfmake
Wir können die pdfmake-Bibliothek mit dem npm-Modul herunterladen:
Installation mit NPM
Sie können npm-Module verwenden, wenn Sie npm als Paketmanager verwenden:
Mit NPM installieren
npm install pdfmake
Alternativ können wir es wie folgt von einem CDN laden:
- https://cdnjs.cloudflare.com/ajax/libs/pdfmake /0.2.7/pdfmake.js
- https://cdnjs.cloudflare.com/ajax/libs/pdfmake /0.2.7/vfs_fonts.js
PDF-Dokument erstellen
Mit dem deklarativen Ansatz der pdfmake-Bibliothek können wir ein PDF-Dokument erstellen. Wir können auch Inhalte wie Text und Hyperlinks mit Stil hinzufügen, wie im folgenden Beispiel gezeigt:
Ausgabe
Die folgende Ausgabe zeigt das generierte PDF-Dokument:
PDF mit Tabellen erstellen
Mithilfe der pdfmake-Bibliothek können wir eine PDF-Datei erstellen und der PDF-Datei Tabellen hinzufügen. In diesem Beispiel verwenden wir die Direktive table, um die Tabelle zu erstellen, Tabelleneinstellungen zu konfigurieren und Daten wie Tabellenüberschriften und Werte hinzuzufügen, wie unten gezeigt:
Ausgabe
Der folgende Ausgabe-Screenshot zeigt das PDF-Dokument mit der hinzugefügten Tabelle:
PDF mit Bildern erstellen
Mit dem deklarativen Ansatz der pdfmake-Bibliothek können wir auch ein PDF erstellen und Bilder zum PDF hinzufügen. Wir verwenden die Direktive image, um das Bild hinzuzufügen, können das Bild jedoch nicht direkt aus unserem lokalen Dateisystem verwenden. Um das Bild verwenden zu können, müssen wir es in das von der pdfmake-Bibliothek bereitgestellte virtuelle Dateisystem (VFS) kopieren, wie im folgenden Codeausschnitt gezeigt:
Ausgabe
Der folgende Screenshot zeigt das erstellte PDF-Dokument mit dem Bild:
Erstellen passwortgeschützter PDF-Dokumente
Es ist auch möglich, passwortgeschützte PDF-Dokumente mithilfe der userPassword-Direktive der pdfmake-Bibliothek zu erstellen, die den Zugriff nicht autorisierter Benutzer auf das PDF-Dokument einschränkt. Weitere Informationen finden Sie im folgenden Codeausschnitt:
Ausgabe
Beim Öffnen des generierten PDF-Dokuments wird eine Passwortabfrage wie folgt angezeigt:
Abschluss
Zusammenfassend lässt sich sagen, dass pdfmake eine benutzerfreundliche JavaScript-Bibliothek ist, die dank ihres deklarativen Ansatzes mit dem Ziel Dokumentdefinitionsobjekte als Anweisungen.
