Dm-pdf-viewer NPM

Pinch zoom for Vue

vue library for viewing pdf files based on pdfJs

Install the npm package.

npm i dm-pdf-viewer

Import module:

import DmPdfViewer from 'dm-pdf-viewer';

Vue.component('dm-pdf-viewer', DmPdfViewer);

Pass the url to the component and it will render the pdf

<dm-pdf-viewer name="document" url="./doc.pdf" />

name	type	default	description
name	string	''	Document title.
url	string	''	Document url
zoom	boolean	true	Zoom buttons
print	boolean	true	Print button
download	boolean	true	Download button
fullscreen	boolean	true	fullscreen button
backgroundColor	string	'#fff'	The background color of the container.
toolbarItemColor	string	'#5956e0'	The color of toolbar items
selectiveDownload	boolean	false	Selective download
filePath	string	''	Path to file
downloadOrigTitle	string	'Download'	Title for 'download' button
downloadPdfTitle	string	'Download as PDF'	Title for 'download as PDF' button