Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Annotation layer for pdf.js (forked from instructure's pdf-annotate.js)

License

ayanworks/pdf-annotations.js

Repository files navigation

pdf-annotate.js (fork of instructure's 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/ayanworks/pdf-annotations.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

About

Annotation layer for pdf.js (forked from instructure's pdf-annotate.js)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.0%
  • HTML 1.9%
  • Other 1.1%

AltStyle によって変換されたページ (->オリジナル) /