Export

Choose which formats the Export menu offers, and the editor produces the corresponding Blob. PNG, JPEG, WEBP, a font-embedded SVG, a PDF, or a re-editable JSON scene.

Formats & quality

exportFormats lists the offered formats; exportQuality (10–100) sets raster quality. The Export menu downloads the result and emits it via (exported) / (saved).

Loading editor…

<asp-image-editor
  [exportFormats]="['png', 'jpeg', 'webp', 'svg', 'pdf', 'json']"
  [exportQuality]="90"
  (exported)="onExported($event)"
/>

SVG with embedded fonts

SVG export inlines the web fonts used by text as base64 @font-face rules, so the file renders the true typeface in any viewer — self-contained, with text kept as real, selectable text.

Add 'svg' to exportFormats and export — the downloaded .svg carries the font data, no network needed to render it correctly.

<asp-image-editor [exportFormats]="['png', 'svg']" />

PDF

PDF export lazily loads jsPDF and produces a single-page document sized to the artboard (or crop region) — handy for printable proofs.

<asp-image-editor [exportFormats]="['png', 'pdf']" />

JSON scene & exact-pixel export

The json format serializes the full re-editable scene. With an artboard or crop region set, raster/PDF export render at exactly that pixel size — the same machinery the crop tool uses.

<asp-image-editor [exportFormats]="['png', 'json']" />