useFloorPlanRenderer

PDF and image rendering for floor plans.

Import

const {
  renderPdf,
  renderThumbnail,
  isRendering,
} = useFloorPlanRenderer()

Return Values

Property	Type	Description
isRendering	Ref<boolean>	Rendering in progress

Methods

Method	Parameters	Returns	Description
renderPdf	pdfUrl: string, canvas: HTMLCanvasElement	Promise<void>	Render PDF page to canvas
renderThumbnail	pdfUrl: string, width: number	Promise<string>	Generate thumbnail data URL

Technical Details

Uses PDF.js 3.11.174 for client-side PDF rendering:

1. PDF loaded via pdfjsLib.getDocument()
2. First page extracted and rendered to canvas
3. Scale calculated based on container dimensions
4. Thumbnail generated at reduced resolution

Source

app/composables/useFloorPlanRenderer.ts