Deklarative PDF-Programmierung, JavaScript-Bibliothek

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.

GitHub-Statistiken

Name:
Sprache:
Sterne:
Gabeln:
Lizenz:
Das Repository wurde zuletzt aktualisiert unter

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:

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.

Ähnliche Produkte