Erstellung von PDF-Dateien über die kostenlose JavaScript-API
Open Source JavaScript Library erlaubt das Erstellen, Bearbeiten und Drucken von PDF Dokumenten, das Hinzufügen von Tabellen, Bildern, Bildern oder Fußzeilen zu PDFs.
Suchen Sie nach einer benutzerfreundlichen Bibliothek, um PDF Dokumente sowohl auf Server- als auch auf Client-Seite zu erstellen und zu verwalten. PDFMake-Rapper kann eine großartige Wahl sein, um Ihre PDF Dokumente innerhalb Ihrer eigenen JavaScript Anwendungen mit geringerem Aufwand und geringeren Kosten zu bearbeiten. Es ist eine reine Open Source JavaScript Bibliothek, die Softwareingenieuren die Möglichkeit gibt, nützliche PDF Dokumente und Berichte ohne externe Abhängigkeiten zu erstellen.
Die PDFMake-Rapper Bibliothek hat Unterstützung für einige wichtige grundlegende sowie erweiterte Funktionen zur Erstellung und Verwaltung von PDF Dokumenten, wie Zeilenumbruch, Textalignments, mit Margen, Erstellen und Stilen. Es ist eine Wrapperbibliothek, die Funktionalitäten zur einfachen und schnelleren Entwicklung von PDF Dokumenten bietet. Ein besonderes Merkmal von PDFMake-Rapper ist, dass es einen deklarativen Ansatz verfolgt, der es den Benutzern ermöglicht, sich auf das zu konzentrieren, was sie erreichen wollen. Die Bibliothek ist sehr stabil und kann sowohl auf Client- als auch auf Serverseite verwendet werden.
Starten Sie mit PDFMake-Rapper
PDFMake-Rapper ist in num verfügbar, Sie können es einfach herunterladen und auf Ihrem Computer installieren. Um diese Bibliothek zu benutzen, müssen Sie diese drei Pakete installieren.
Installieren Sie PDFMake über num
npm install pdfmake --save@types/pdfmake enthält die Typen für pdfmake, um Tippfehler zu vermeiden.
npm install @types/pdfmake --save-devpdfmake-wrapper via num weniger als
npm install pdfmake-wrapper --saveErstellen und Verwalten von PDF Dokumenten über JavaScript
Die Open Source PDFMake-Rapper Bibliothek ist eine ausgezeichnete Wahl für die Erzeugung von PDF Dokumenten in JavaScript. Es erlaubt Software-Entwicklern, PDF Dokumente im Browser (Client-Seite) und in Node.js (Server-Seite) mit nur einigen Zeilen von JavaScript Code zu erstellen. Sobald die PDF Datei erstellt ist, können Sie sie auch modifizieren, Text einfügen, Schriften und Grafiken einbetten, verschiedene Stile auswählen und anwenden, externe Bilder einfügen und vieles mehr. Es ist auch möglich, eine PDF-Datei von HTML zu erstellen, aber dafür benötigen Sie html2canvas.
How To Create PDF File from HTML via JavaScript
html2canvas(document.getElementById('exportthis'), {
onrendered: function (canvas) {
var data = canvas.toDataURL();
var docDefinition = {
content: [{
image: data,
width: 500,
}]
};
pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
}
});
Leaders & Footer Addition zu PDF File via JavaScript
Die Open Source PDFMake-Rapper Bibliothek macht es Software-Entwicklern sehr einfach, den Header sowie Fußzeilen in ihren PDF Dokumenten mit nur wenigen Codezeilen hinzuzufügen. Es ist auch möglich, ein Bild im Header/Fußer-Bereich zu verwenden. Es ist auch möglich, andere Inhalte wie Seitennummer, Firmenlogo, Autorname, Seitenanzahl, Seitengröße usw. hinzuzufügen. in den Kopf/Fuß-Abschnitt. Es ist auch möglich, verschiedene Stil- und Formatierungen anzuwenden. Bessere Verwendung von Inline-Styling, wenn nötig im Kopf- oder Fußteil.
Insert & Manage Tables inside PDF via S Library
Die PDFMake-Rapper Bibliothek bietet vollständige Unterstützung für die Verwendung von Tabellen in PDF Dokumenten. Es bietet verschiedene nützliche Funktionen für die Verwaltung komplexer Tabellen innerhalb von JavaScript Anwendungen, wie das Erstellen neuer Tabellen aus dem Krater, das Hinzufügen von Headern für Tabellen, das Hinzufügen von Formaten zu Headern, neue Zellen.
Wie kombinieren Sie Spalten in PDF Tabellen via S API?
new Table([
[
new Txt('Name').bold().end,
new Txt('Address').bold().end,
new Txt('Email').bold().end,
new Txt('Phone').bold().end
],
[new Cell(new Txt('A').end).colSpan(4).end, null, null, null],
['Anastasia', 'Some direction 1', 'anastasia@domain.com', '123 4566 187'],
['Alexander', 'Some direction 2', 'alexander@domain.com', '123 4566 187'],
[new Cell(new Txt('C').end).colSpan(4).end, null, null, null],
['Clementine', 'Some direction 3', 'clementine@domain.com', '123 4566 187'],
['Chelsey', 'Some direction 4', 'chelsey@domain.com', '123 4566 187'],
[new Cell(new Txt('N').end).colSpan(4).end, null, null, null],
['Nicholas', 'Some direction 5', 'nicholas@domain.com', '123 4566 187'],
])
.widths(...)
.heights(...)
.end;
Zeichnen Sie die Sektoren in PDF über JavaScript API
Die P PDFMake-Rapper Bibliothek ermöglicht es Softwareentwicklern, leicht Vektorformen innerhalb von PDF Dokumenten zu zeichnen. Um Vektoren in PDF Dateien zu zeichnen, muss eine Leinwand erstellt werden, in der Vektoren gezeichnet werden. Bitte denken Sie daran, dass die Reihenfolge auf der Leinwand wichtig ist, der letzte Vektor wird oben auf den anderen sein. Sobald Sie erstellt sind, können Sie es auch nach Ihren eigenen Bedürfnissen anpassen und es einfach ersetzen.
Zew Line in PDF
import { Line } from '../../../src';
describe('Line definition class', () => {
it('should be instanced', () => {
const line = new Line(10, 10);
expect( line.end ).toBeTruthy();
});
it('should be a simple line', () => {
const line = new Line(10, 10).end;
expect( line ).toEqual({
type: 'line',
x1: 10,
y1: 10,
x2: 10,
y2: 10
});
});
it('should be a line vector with full properties', () => {
const line = new Line(10, 10)
.color('red')
.dash(5)
.fillOpacity(0.1)
.lineColor('blue')
.lineWidth(3)
.linearGradient(['green', 'yellow'])
.lineCap('round')
.end;
expect( line ).toEqual({
type: 'line',
x1: 10,
y1: 10,
x2: 10,
y2: 10,
color: 'red',
dash: { length: 5 },
fillOpacity: 0.1,
lineColor: 'blue',
lineWidth: 3,
linearGradient: ['green', 'yellow'],
lineCap: 'round'
});
});
});
