Skip to content

telecomsante/pdf-viewer

Repository files navigation

Published on webcomponents.org

<pdf-viewer>

pdf-viewer is a simple viewer, without any decoration, based on the Mozilla's pdfjs library. Buttons have to be created by the parent page or component.

the component is written using es6 syntax, and polymer 2.x.

Nota : the pdfjs library uses XMLHttpRequest to load the pdf documents. So, you may encountered CORS problem, if you try to load a document from another origin. A solution could be to use a proxy to serve your documents, you could take advantage to use for example the project CORS Anywhere.

Features

  • Next/Previous page
  • Zoom
  • Polymer 2.x
  • Dynamically change document without page reloading
  • Works in IE11, IOS, Android (chrome)

Basic usage :

<pdf-viewer   
  src="https://www.w3.org/TR/1998/REC-html40-19980424/html40.pdf"
  initial-zoom="fit-width",
  mode="double",
  page="5"></pdf-viewer>

Using in polymer app

the file bower_components/pdfjs-dist/build/pdf.worker.min.js must be added to extradependencies section into the polymer.json file.

If for some reasons, bower components are installed in another folder, be aware to pass as attribute PDFJS_workerSrc the full path to the pdf.worker.min.js file.

The component is licensed under the ISC License