![](https://products-qa.fileformat.com/de/pdf/javascript/pdfjs/header-image.png)
PDFjs
Open-Source-JavaScript-Bibliothek für PDF-Dateien
Fügen Sie Anmerkungen, Bilder und Text zu PDFs über die kostenlose Open-Source-JavaScript-Bibliothek hinzu.
Was ist PDFjs?
PDFjs ist eine Open-Source-Bibliothek zur Generierung des Portable Document Format (PDF), die sich am besten für die server- und clientseitige Anwendungsentwicklung eignet. PDF ist auf der ganzen Welt beliebt und mehrere Unternehmen verwenden es, um Dokumente oder Berichte auf der ganzen Welt zu erstellen und zu teilen. Mit Hilfe der PDFjs-Bibliothek benötigen Sie nur ein paar Befehle, um auf PDF-Dokumente zuzugreifen und diese in Ihren eigenen Anwendungen wiederzuverwenden.
Die Bibliothek hat Unterstützung für mehrere bemerkenswerte Funktionen integriert, wie z. B. das Erstellen von PDF-Dokumenten, das Zeichnen von Formen in PDFs, die Unterstützung von Kopf- und Fußzeilen, das Hinzufügen von Tabellen zu PDF, das Einbetten von AFM-Schriftarten und OTF-Schriftarten, das Einfügen von Bildern in PDF-Seiten, das Zusammenführen von PDF-Dateien und das Hinzufügen von Seiten zu PDF, Einfügen und Anzeigen von Text, Exportieren von PDF in andere Dateiformate und vieles mehr.
Erste Schritte mit PDFjs
Der empfohlene und einfachste Weg, die PDFjs-Bibliothek zu installieren, ist die Verwendung von npm, bitte verwenden Sie den folgenden Befehl, um dies zu erreichen.
Installieren Sie PDFjs mit npm
npm install pdfjs
Erstellung von PDF-Dokumenten über die kostenlose JavaScript-API
PDF-Dokumente sind immer sehr nützlich für Unternehmen und Einzelpersonen, um Informationen zu speichern und miteinander zu teilen. Die PDFjs-Bibliothek erleichtert Ihnen das Generieren und Ändern von PDF-Dokumenten in Ihrer Anwendung mit nur ein paar einfachen Befehlen. Die Bibliothek erleichtert Entwicklern auch das Hinzufügen neuer Seiten, das Einfügen von Bildern, das Definieren der Dokumentausrichtung und vieles mehr.
Erstellen Sie PDF-Dokumente über die JavaScript-Bibliothek
const pdf = require('.lib')
// Add Text Annotations
module.exports = function(doc, { lorem, font }) {
doc.text('goto B', { goTo: 'B' })
doc.text('goto A', { goTo: 'A' })
}
Erstellen Sie PDF-Anmerkungen über die kostenlose JavaScript-API
Die Open-Source-PDFjs-Bibliothek unterstützt das Erstellen von PDF-Dokumenten mit Anmerkungen. Mit Anmerkungen können Entwickler benutzerdefinierte Inhalte in PDF-Dokumente einfügen. Es gibt verschiedene Arten von Anmerkungen, die in PDF-Dokumenten verwendet werden können, wie z. B. Text, Linien, Notizen oder Formen usw. Die PDFjs-Bibliothek unterstützt vollständig und macht es Entwicklern leicht, verschiedene Arten von PDF-Anmerkungen in ihren eigenen Anwendungen zu erstellen. Die folgenden einfachen Codezeilen können Textanmerkungen in PDF-Dokumenten in JavaScript hinzufügen.
- Fügen Sie die PDFjs-Bibliothek hinzu
- Textanmerkungen hinzufügen
- PDF-Dokument exportieren
Hinzufügen von Textanmerkungen in PDF - JavaScript
const pdf = require('.lib')
// Add Text Annotations
module.exports = function(doc, { lorem, font }) {
doc.text('goto B', { goTo: 'B' })
doc.text('goto A', { goTo: 'A' })
}
Zusammenführen von PDF-Dokumenten
Die PDFjs-Bibliothek ermöglicht es Softwareentwicklern, zahlreiche PDF-Dokumente in ihren Apps programmatisch zu einem Dokument zu kombinieren. Die Bibliothek ermöglicht es Programmierern, ein neues PDF-Dokument aus dem vorhandenen zu erstellen, eine bestimmte Seite eines externen PDFs hinzuzufügen, Kerning zu implementieren, ganze Seiten anderer PDFs hinzuzufügen und vieles mehr. Die Bibliothek gibt Benutzern auch die Möglichkeit, benutzerdefinierte PDF-Berichte zu erstellen.
Hinzufügen von Grafiken zu PDF-Dokumenten
Grafiken und Bilder sind immer sehr nützlich, um bessere Informationen zu teilen und einem Inhalt mehr Wert zu verleihen. Die PDFjs-Bibliothek erleichtert JavaScript-Profis das Einfügen von Grafiken ihrer Wahl in ihre JavaScript-Anwendungen. Sie können Bildtypen wie JPEG oder PNG in einer PDF-Datei verwenden. Sie können auch eine Ellipse, ein Dreieck, einen Kreis usw. zeichnen.
Fügen Sie JPEG über die JavaScript-Bibliothek zu PDF hinzu
// Adding JPEG image to PDF via PDFjs
module.exports = function(doc, {image, lorem}) {
doc.image(image.jpeg, {
width: 64, align: 'center', wrap: false, x: 10, y: 30
})
doc.text(lorem.shorter)
doc.image(image.jpeg)
doc.image(image.jpeg, {
width: 128, align: 'left'
})
doc.image(image.jpeg, {
height: 55, align: 'center'
})
doc.image(image.jpeg, {
width: 128, align: 'right'
})
doc.text(lorem.shorter)
}
Verwalten Sie Kopf- und Fußzeilen in PDF-Dokumenten über JavaScript
Die PDFjs-Bibliothek erleichtert JavaScript-Entwicklern das Verwalten von Kopf- und Fußzeilen in ihren PDF-Dokumenten mit nur wenigen Codezeilen. Es hat mehrere wichtige Funktionen für die Handhabung von PDF-Kopf- und Fußzeilen bereitgestellt, z. B. das Hinzufügen von Seitenzahlen, das Anpassen von Schriftarten, das Anwenden von Schriftfarben, das Anpassen der Zeilenhöhe, das Anwenden von Textausrichtung und mehr. Das folgende Codebeispiel zeigt, wie Sie eine Kopf- und Fußzeile in eine PDF-Datei einfügen.
Fügen Sie JPEG über die JavaScript-Bibliothek zu PDF hinzu
module.exports = function(doc, {lorem, image}) {
// header
const header = doc.header()
header.text('text')
let cell = header.cell({ padding: 20, backgroundColor: 0xdddddd })
cell.text('TESTING')
cell.image(image.pdf)
// footer
const footer = doc.footer()
footer.text('text')
cell = footer.cell({ padding: 20, backgroundColor: 0xdddddd })
cell.image(image.complexPdf)
cell.text('TESTING')
// body
doc.text('Hello')
doc.pageBreak()
doc.text(lorem.long, { fontSize: 20 })
}