Deklarative PDF-Programmierung JavaScript-Bibliothek

Was ist pdfmake?

Pdfmake ist eine praktische JavaScript-Bibliothek, die sowohl kostenlos als auch Open Source ist. Damit ist sie ein großartiges Tool, um die Erstellung von PDF-Dokumenten in Webanwendungen zu vereinfachen. Sie können die Struktur von PDF-Dokumenten deklarieren, indem Sie Text, Bilder, Tabellen usw. mit anzuwendenden Stilen definieren. Pdfmake erledigt den Rest, um PDFs mit dem von Ihnen gewünschten 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 ganz einfach Berichte, Rechnungen, Formulare und andere Dokumenttypen generieren.
• Tabellen hinzufügen: Mit Pdfmake können Sie problemlos Tabellen entwerfen und in Ihre PDF-Dateien einfügen, sodass die Anzeige tabellarischer Daten und die Beibehaltung eines strukturierten Layouts einfach ist.
• Bilder hinzufügen: Pdfmake ermöglicht das Einfügen von Bildern in Ihre PDF-Dokumente. So ist es möglich, Logos, Grafiken oder Fotos einzubinden, um die optische Attraktivität zu steigern.
• Passwörter hinzufügen: Pdfmake unterstützt das Hinzufügen eines Passwortschutzes zu Ihren PDFs und trägt so zum Schutz vertraulicher Informationen bei, indem für den Dokumentzugriff ein Passwort 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 unten 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

Wir können ein PDF-Dokument mit dem deklarativen Ansatz der pdfmake-Bibliothek 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

Wir können ein PDF erstellen und Tabellen mit der pdfmake-Bibliothek 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

Wir können auch ein PDF erstellen und Bilder zum PDF hinzufügen, indem wir den deklarativen Ansatz der pdfmake-Bibliothek verwenden. Wir verwenden die Direktive image, um das Bild hinzuzufügen, aber wir können das Bild nicht direkt aus unserem lokalen Dateisystem verwenden. Um das Bild zu verwenden, 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 von passwortgeschützten PDF-Dokumenten

Es ist auch möglich, passwortgeschützte PDF-Dokumente mit der Direktive userPassword der pdfmake-Bibliothek zu erstellen, die den Zugriff nicht autorisierter Benutzer auf das PDF-Dokument einschränkt. Weitere Einzelheiten finden Sie im folgenden Codeausschnitt:

Ausgabe

Beim Öffnen des generierten PDF-Dokuments wird die folgende Kennwortabfrage angezeigt:

Abschluss

Zusammenfassend lässt sich sagen, dass pdfmake eine benutzerfreundliche JavaScript-Bibliothek mit der Möglichkeit zur PDF-Generierung ist. Der deklarative Ansatz beruht auf der Verwendung von Dokumentdefinitionsobjekten als Anweisungen.

Ähnliche Produkte