Use Cases

Playground

Explore the live vue-pdf-export playground for Canvas and selectable-text rendering, PDF outputs, metrics, stress testing and interactive package features.

The live playground is the fastest way to compare Canvas and selectable-text rendering and exercise the package without installing it.

Open the live playground

What you can exercise

Canvas and selectable-text rendering modes
selectable/searchable/copyable PDF text
preview, download and native browser print
Blob, ArrayBuffer, raw Base64 and PDF data-URL output
manual and automatic pagination
headers, footers and logos
watermarks and page targeting
passwords, permissions, metadata and compression
clickable links
progress stages and page-aware progress
opt-in total, stage and per-page generation timings
cancellation and recovery
data-pdf-ignore
export-only page/body backgrounds, classes and styles
per-page styling callbacks
scoped custom PDF CSS
external print stylesheets
forced current/light/dark themes
width auto-fit
generated usage code

Stress playground

The dedicated stress page exposes page-count presets for large-document validation:

5
10
25
50
100
200
500
1000

Open the stress playground

Heavy and extreme presets can consume significant browser CPU and memory. The stress UI includes warnings and preserves cancellation/recovery behavior.

The package default remains Canvas mode for backwards compatibility even if the playground chooses text mode for demonstration.

Pagination

Configure manual and automatic pagination in vue-pdf-export with page-break helpers, no-break behavior and incremental Canvas rendering guidance.

Troubleshooting

Troubleshoot common vue-pdf-export issues involving selectable text, clickable links, images, CORS, pagination, fonts, preview, download and browser behavior.