Skip to content

PC端或者手机端使用PDF.js预览PDF文件

Notifications You must be signed in to change notification settings

hellozxx/PDF.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

PDF.js

现在做的项目中有个需求:在线打开PDF文件。 试了iframe,但是存在跨域的问题,后台已经解决了跨域问题,并且文件地址在浏览器中是可以正常打开的,不明觉厉。 所以就使用了PDF.js

此项目的前端是用vue写的,需要安装PDF.js

<script src="//mozilla.github.io/pdf.js/build/pdf.js"></script>

命令: npm install pdf.js --save

所有的代码已上传,引用的时候,只需要传递pdfUrl即可。

刚使用的时候,有个坑,那就是渲染出来的PDF比较模糊,后来通过参考其他大牛的经验,发现需要更改一个参数

page.getViewport(2.0);

只要修改getViewport对应的参数,就可以解决模糊的问题。

另外,无论是pdf.js 还是Vue-pdf,都是不可以一次性加载完所有的PDF页面,而是一页一页的加载,所以我又做了翻页的效果。

About

PC端或者手机端使用PDF.js预览PDF文件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages