TldrawImage

A renderered SVG image of a Tldraw snapshot.

<TldrawImage
  snapshot={snapshot}
  pageId={pageId}
  background={false}
  darkMode={true}
  bounds={new Box(0, 0, 600, 400)}
  scale={1}
/>

Properties

Extends TLSvgOptions.

background?: boolean

Additional binding utils to use.

bindingUtils?: readonly TLAnyBindingUtilConstructor[]

bounds?: Box

darkMode?: boolean

The image format to use. Defaults to 'svg'.

format?: 'png' | 'svg'

The license key.

licenseKey?: string

padding?: number

The page to display. Defaults to the first page.

pageId?: TLPageId

preserveAspectRatio?: React.SVGAttributes<SVGSVGElement>['preserveAspectRatio']

scale?: number

Additional shape utils to use.

shapeUtils?: readonly TLAnyShapeUtilConstructor[]

The snapshot to display.

snapshot: Partial<TLEditorSnapshot> | TLStoreSnapshot