AnnotationSelectorSettings

6 Jul 20261 minute to read

The AnnotationSelectorSettings module is used to provide the properties to annotation selectors.

<div id="pdfViewer" style="height: 100%;width: 100%;"></div>
 let viewer: PdfViewer = new PdfViewer();
 // Change the annotation selector settings.
 viewer.annotationSelectorSettings = {
     selectionBorderColor: '',
     resizerBorderColor: 'Circle',
     resizerFillColor: '#4070FF',
     resizerSize: 8,
     selectionBorderThickness: 1,
     resizerShape: 'Square',
     selectorLineDashArray: [],
     resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges,
     resizerCursorType: null
 };
 viewer.appendTo("#pdfViewer");

Properties

resizerBorderColor string

Specifies the border color of the resizer.

Defaults to ‘black’

resizerCursorType CursorType

specifies the cursor type of resizer.

Defaults to null

resizerFillColor string

Specifies the fill color of the resizer.

Defaults to ‘#FF4081’

resizerLocation AnnotationResizerLocation

Specifies the location of the resizer.

Defaults to *AnnotationResizerLocation.Corners AnnotationResizerLocation.Edges*

resizerShape AnnotationResizerShape

Specifies the shape of the resizer.

Defaults to ‘Square’

resizerSize number

Specifies the size of the resizer.

Defaults to 8

selectionBorderColor string

Specifies the selection border color.

Defaults to ’’

selectionBorderThickness number

Specifies the thickness of the selection border.

Defaults to 1

selectorLineDashArray number[]

Specifies the border dash array of the selection.

Defaults to []