pdf-annotate.js

1.0.0 • Public • Published

pdf-annotate.js

build status code coverage

Annotation layer for pdf.js

Objectives

  • Provide a low level annotation layer for pdf.js.
  • Optional high level UI for managing annotations.
  • Agnostic of backend, just supply your own StoreAdapter to fetch/store data.
  • Prescribe annotation format.

Example

import __pdfjs from 'pdfjs-dist/build/pdf';
import PDFJSAnnotate from 'pdfjs-annotate';
import MyStoreAdapter from './myStoreAdapter';
 
const { UI } = PDFJSAnnotate;
const VIEWER = document.getElementById('viewer');
const RENDER_OPTIONS = {
  documentId: 'MyPDF.pdf',
  pdfDocument: null,
  scale: 1,
  rotate: 0
};
 
PDFJS.workerSrc = 'pdf.worker.js';
PDFJSAnnotate.setStoreAdapter(MyStoreAdapter);
 
PDFJS.getDocument(RENDER_OPTIONS.documentId).then((pdf) => {
  RENDER_OPTIONS.pdfDocument = pdf;
  VIEWER.appendChild(UI.createPage(1));
  UI.renderPage(1, RENDER_OPTIONS);
});

See more examples.

Documentation

View the docs.

Developing

# clone the repo 
$ git clone https://github.com/instructure/pdf-annotate.js.git
cd pdf-annotate.js
 
# intall dependencies 
$ npm install
 
# start example server 
$ npm start
$ open http://127.0.0.1:8080
 
# run tests 
$ npm test

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i pdf-annotate.js

Weekly Downloads

1,904

Version

1.0.0

License

MIT

Last publish

Collaborators

  • taislam