https://github.com/rossta/vue-pdfjs-demo

A demo PDF viewer implemented with Vue and PDF.js
https://github.com/rossta/vue-pdfjs-demo

Last synced: about 2 months ago
JSON representation

A demo PDF viewer implemented with Vue and PDF.js

• Host: GitHub
• URL: https://github.com/rossta/vue-pdfjs-demo
• Owner: rossta
• License: mit
• Created: 2018-05-02T02:40:41.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T13:54:47.000Z (almost 2 years ago)
• Last Synced: 2024-07-29T02:33:02.577Z (about 2 months ago)
• Language: Vue
• Homepage: https://rossta.net/vue-pdfjs-demo/
• Size: 8.22 MB
• Stars: 423
• Watchers: 19
• Forks: 126
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue PDF.js Demo

This project demonstrates how a simple PDF viewer could be implemented using Vue and PDF.js. This is not a fully-featured PDF document viewer with sophisticated controls, but could serve as the basis for one.

[![https://rossta.net/vue-pdfjs-demo](./screenshot-pdf-viewer.png)](https://rossta.net/vue-pdfjs-demo)

To learn more, checkout [the series of posts](https://rossta.net/blog/series/pdf-viewer.html) describing how this project was implemented.

1. [Basic page rendering](https://rossta.net/blog/building-a-pdf-viewer-with-vue-part-1.html)

1. [Fetching and rendering lazily](https://rossta.net/blog/building-a-pdf-viewer-with-vue-part-2.html)

1. [Extracting a data component](https://rossta.net/blog/extracting-a-data-component-in-vue.html)

1. [Refactoring to nested abstract components](https://rossta.net/blog/refactoring-to-nested-abstract-components-vuejs-pdf-viewer.html)

## Setup

To run the project locally:

```

$ git clone https://github.com/rossta/vue-pdfjs-demo

$ cd vue-pdfjs-demo

$ yarn install

$ yarn serve

```

## Documentation

* [Vue.js](https://vuejs.org)

* [PDF.js](https://mozilla.github.io/pdf.js/)