Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/streetturtle/pdf-element

PDF-viewer web-component, compatible with Polymer 1.0
https://github.com/streetturtle/pdf-element

pdf-element polymer polymer-element

Last synced: about 19 hours ago
JSON representation

PDF-viewer web-component, compatible with Polymer 1.0

Host: GitHub
URL: https://github.com/streetturtle/pdf-element
Owner: streetturtle
License: mit
Created: 2016-03-22T10:04:17.000Z (almost 9 years ago)
Default Branch: master
Last Pushed: 2019-12-04T03:24:12.000Z (about 5 years ago)
Last Synced: 2025-01-31T12:04:03.285Z (21 days ago)
Topics: pdf-element, polymer, polymer-element
Language: HTML
Homepage: http://pavelmakhov.com/pdf-element/components/pdf-element/
Size: 7.13 MB
Stars: 36
Watchers: 6
Forks: 14
Open Issues: 7
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# pdf-element

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/streetturtle/pdf-element)

Web component built with Polymer which allows to view PDF documents.
Note that this element doesn't use browser's built-in PDF rendered, but renders PDF using Mozilla's [pdf.js](https://mozilla.github.io/pdf.js/) library, which let's you have more control on how the document is displayed and which actions are available to user.

Demo: http://pavelmakhov.com/pdf-element/

## Features

- Next/Previous page
- Zoom
- Download (optional)
- Compatible with Polymer 1.0
- Dynamically change document without page reloading
- Looks polymer way :)
- Text selection (optional)
- Works in IE (in progress)

![pdf-element](./screenshot.png)

## Installation

With Bower:

```
bower install -S pdf-element
```

Or just clone this repo and use `pdf-element.html` in your project

## Contributing

I would really appreciate any help. PR/issues and stars are welcome =)

To run it locally make sure you have [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed and do the following:

```
git clone https://github.com/streetturtle/pdf-element.git
cd pdf-element
bower install
polymer serve
```

Element's page will be available at [http://localhost:8080/components/pdf-element/](http://localhost:8080/components/pdf-element/)

## Licence