angular中實現pdf在線預覽功能

1、安裝ng2-pdf-viewer與pdfjs-dist

　　npm install ng2-pdf-viewer --save

　　npm install pdfjs-dist --save

2、哪個模塊用到將包引入哪個模塊

　　import { PdfViewerModule } from 'ng2-pdf-viewer';

3、代碼

<pdf-viewer [src]="pdfSrc"
    [page]="page"
　　 [zoom]="1"
    [original-size]="true"
    style="display: block;"
    ></pdf-viewer>

page：顯示頁數

 

zoom：縮放比例

 

 

參照： https://github.com/VadimDez/ng2-pdf-viewer

　　　 https://vadimdez.github.io/ng2-pdf-viewer/

　　　https://www.cnblogs.com/BillyQin/p/7760596.html