Whether the node should not be zoomed (scaled) with the page.
Custom zoom handling makes sense when you want to display rasterized images for example,
and you need to manually re-render them (maybe when using <canvas> images or want to display
images at different resolutions).
To track zoom changes and manually update overlay items you can subscribe to the
viewState.zoom.change event.
By default items will zoom with the page using a CSS based scale transformation.
A unique identifier to describe the custom overlay item. New IDs should be generated by the user and should be unique.
A reference to the DOM Node to render in the page.
Whether the node should not be rotated with the page.
OptionalonOptional callback to invoke when the custom item is created and appears in the viewport.
OptionalonOptional callback to invoke when the custom item is removed.
The page index on which the custom item is placed. It's important to notice that a custom item can only ever be on one page.
Position of this custom item in the page. The coordinates are in the PDF page space with the origin being on the top left.
Returns a new instance of this Record type with all values set to their default values.
Returns a new instance of this Record type with the value for the specific key set to its default value.
Returns the value associated with the provided key, which may be the default value defined when creating the Record factory function.
If the requested key is not defined by this Record type, then notSetValue will be returned if provided. Note that this scenario would produce an error when using Flow or TypeScript.
OptionalnotSetValue: anyDeeply converts this Record to equivalent native JavaScript Object.
Note: This method may not be overridden. Objects with custom serialization to plain JS may override toJSON() instead.
Shallowly converts this Record to equivalent native JavaScript Object.
Shallowly converts this Record to equivalent JavaScript Object.
This record is used to persist the information for a Custom Overlay Item.
Custom Overlay Items are user defined DOM
Nodes that are rendered in a page at a given position.Example
Creating an image and rendering it as Custom Overlay Item.
See