PDF in JavaScript erzeugen

Es gibt zwei Hauptwege:

1. Client-side (Browser)
2. Server-side (Node.js, Headless Chrome)

Client-side Optionen

jsPDF

• Erzeugt PDFs direkt im Browser
• Gut fuer einfache Layouts und Text
• HTML zu PDF ist moeglich, aber begrenzt

Beispiel:

import { jsPDF } from "jspdf";

const doc = new jsPDF();
doc.text("Hallo Welt", 10, 10);
doc.save("demo.pdf");

pdf-lib

• Moderner, flexibler fuer PDFs, auch zum Editieren bestehender PDFs

Server-side Optionen

Puppeteer / Playwright

• Rendert HTML + CSS in Chromium und exportiert als PDF
• Beste Wahl fuer komplexe Layouts und CSS

import { chromium } from "playwright";

const browser = await chromium.launch();
const page = await browser.newPage();
await page.setContent("<h1>Invoice</h1>");
await page.pdf({ path: "invoice.pdf", format: "A4" });
await browser.close();

Auswahlhilfe

• Einfache PDF (Text, Tabellen) -> jsPDF
• Komplexes Layout / HTML -> Puppeteer/Playwright
• Bestehende PDF bearbeiten -> pdf-lib

Ressourcen

• http://parall.ax/products/jspdf
• https://github.com/MrRio/jsPDF
• https://github.com/Hopding/pdf-lib
• https://stackoverflow.com/questions/742271/generating-pdf-files-with-javascript