ShapeLabelSettings API in Vue PDF Viewer API component

The ShapeLabelSettings module is used to provide the properties to rectangle annotation.

<div id="pdfViewer" style="height: 100%;width: 100%;"></div>

 let viewer: PdfViewer = new PdfViewer();
 // Change the shape label settings.
 viewer.shapeLabelSettings = {
     opacity: 1,
     fillColor: '#9c2592',
     borderColor: '#ff0000',
     fontColor: '#000',
     fontSize: 16,
     labelHeight: 24.6,
     labelMaxWidth: 151,
     labelContent: 'Label'
 };
 viewer.appendTo("#pdfViewer");

Properties

fillColor

string

specifies the fill color of the label.

fontColor

string

specifies the border color of the label.

fontFamily

string

specifies the max-width of the label.

fontSize

number

specifies the font size of the label.

labelContent

string

specifies the default content of the label.

notes

string

specifies the default content of the label.

opacity

number

specifies the opacity of the label.