data@pdfcn-vue/pdf-image

PdfImage

Image with fit modes and caption support.

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/pdf-image

Example

<PdfImage src="/logo.png" :width="120" fit="contain" />

Prop	Type	Default	Description
src	string	—	Image source (URL or data URI).
width	number	—	Render width in points.
height	number	—	Render height in points.
fit	'contain' \| 'cover' \| 'fill'	'contain'	Image fit mode.
caption	string	—	Optional caption.

The gallery uses a shared document. Change its theme in the theme builder to compare tokens.

PdfImage in a document

Rendered with Forme in your browser.

Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Registry paths

Files installed under components/pdf.

Need the full template?

See blocks for invoices and reports composed from these primitives.