PdfShowcase

live demo

forms

large files

You can export text, drawings, images, and highlight you've added to a PDF file. You can also add texts and drawings programmatically. However, the PDF viewer doesn't support adding highlights programmatically. As for images, that's supported, but using the high-level different API.

Breaking change between pdf.js 3.5 and 3.9: The coordinates of the serialized drawings have changed. Please keep in mind that this is an internal API of pdf.js, so it's subject to change without notice.

HTML template

TS - text

TS - drawing

TS - removing editors

TS - exporting

live demo

<ngx-extended-pdf-viewer
    [src]="'/assets/pdfs/blind-text-collection.pdf'"
    [textLayer]="true" <!-- enable the find button -->
    [showHandToolButton]="true" <!-- enable text selection -->
    [height]="'90vh'"> <!-- by default, most CSS frameworks set the height to 0 -->
</ngx-extended-pdf-viewer>