PdfShowcase

Types of layers

Manipulating the annotation layer

The PDF viewer always renders the PDF file as a canvas. Often, it also generates additional layers on top of the canvas:

The text layer allows you to mark and copy text. It's also the base of the search engine. You can render fast if you set [textLayer]="false", but if you do, your users can't use the find bar.
Interactive forms are part of the annotation layer.
The editors of this PDF viewer use another layer to store you drawings and free-text.

You don't have to think much about these layers most of the time. However, these layers are HTML divs, and you can manipulate them.

HTML template

TypeScript

Open popups programmatically

<ngx-extended-pdf-viewer
  [src]="'./assets/pdfs/The Public Domain - Enclosing the Commons of the Mind.pdf'"
  (annotationLayerRendered)="onAnnotationLayerRendered($event)"
  [zoom]="'auto'">
</ngx-extended-pdf-viewer>