Wie konvertiere ich HTML in PDF mit JavaScript?

Wenn Sie nach einer clientseitigen Lösung zum Konvertieren von HTML in PDF suchen, ist JavaScript der beste Ansatz, um diese Funktionalität zu erreichen. Lassen Sie uns einen Beispielcode zum Generieren von PDF-Dateien haben.

Konvertieren Sie HTML in PDF mit der jsPDF-JavaScript-Bibliothek

Wir werden die jsPDF-Bibliothek verwenden, um den HTML-Inhalt in eine PDF-Datei zu exportieren. Es gibt viele verschiedene Arten von PDF-Erstellungsbibliotheken, aber jsPDF ist die beste, ich habe sie auch in einem meiner Projekte verwendet.

Wertfehler: Zahl muss 1 sein <= Zahl <= 0, nicht 1

Die jsPDF-Bibliothek ist die beste Lösung zum Generieren von PDF-Dateien. Sie können sie in Ihren Webanwendungen verwenden, um Veranstaltungstickets, Berichte, Zertifikate usw. zu generieren. Es ist eine Open-Source-Bibliothek und jeder kann sie verwenden.

PDF aus Text generieren mit jsPDF

Zuerst müssen Sie Ihren Dateien einen CDN-Link hinzufügen und dann die jsPDF-Klasse wie folgt initialisieren.

Es verfügt über Ausrichtungs-, Einheiten- und Formatparameter, um die Werte während der Initiierung zu deklarieren.

Jetzt können Sie ein paar Zeilen Code schreiben, um die PDF-Datei aus einfachem Text zu generieren. Wir verwenden die Funktion text(), um einen Text in eine PDF-Datei zu schreiben, und dann die Funktion save(), um die Datei herunterzuladen. Siehe folgendes Beispiel.

Konvertieren Sie HTML-Inhalte in PDF mit jsPDF

Jetzt werden wir sehen, wie wir HTML-Inhalte in eine PDF-Datei konvertieren können. Wir erhalten den HTML-Inhalt mit dem jquery-Selektor und übergeben diesen dann an die Funktion fromHTML() von jsPDF. Sie können die Breite des Anzeigeinhalts und ggf. Event-Handler festlegen.

minecraft kann sich keine email merken

jsPDF Nützliche Konfigurationen

So ändern Sie die Schriftfamilie:

So ändern Sie den Schriftarttyp:

So ändern Sie die Schriftgröße:

So ändern Sie die Textfarbe: