Why are my CSS layouts broken?

The SVG foreignObject technique is limited — it doesn't support external stylesheets, JavaScript, complex flexbox/grid, or external images. Use simple inline HTML and CSS only.

Can I include images?

Only inline data URLs (e.g. ). External URLs won't load due to canvas tainting.

No. Rendering happens entirely in your browser via canvas + pdf-lib.

For high-fidelity HTML→PDF, what should I use?

Browser print-to-PDF (Ctrl+P → Save as PDF), Puppeteer, or wkhtmltopdf — all of which run a real browser engine.

HTML to PDF

Render simple HTML into a PDF via SVG foreignObject.

100% private — no uploads PDF ToolsFree & unlimited Read tutorial

How to use HTML to PDF

Follow these steps — everything happens instantly in your browser.

1
Step 1. Type or paste HTML into the editor.
2
Step 2. Choose page size (A4, Letter, Legal) and render scale.
3
Step 3. Click “Generate PDF” — the HTML is rendered via SVG foreignObject and embedded.