vue移动端pdf预览

作者: MJ 分类: vue 发布时间: 2019-06-23 11:25

本功能基于pdf.js(所有api请参考pdf.js),所有涉及的的图片、图标及pdf文件仅作演示之用。

需求产生之初是源于同事问我pdf能不能在手机上预览,本以为很简单的功能,直接上网查了下,其实解决方案还是有好多的,但是毕竟自己没有去从头参与,用起来感觉还是不太顺手,所以本着我要知道发生了啥的原则,自己去搞一遍吧。

所以就有了本篇文章,虽然还有不满意的地方(pdf可翻页功能的放大与缩小,如果没有放大缩小的需求,可以忽略了,虽然也实现了,但是跟pc版的放大缩小效果还是有点差距,个人不太满意,建议大家在pdf页面不要限制缩放,让用户自己去手指缩放),目前还没找到合适的解决方案,但是不影响使用,算是留个小遗憾,后期有时间了继续填一下。

https://github.com/majiang666/vue-pdf

源码,欢迎star。

演示demo

单页滚动显示所有pdf

https://www.sjooy.com/pdf/index.html#/

单页可翻页、放大缩小:

https://www.sjooy.com/pdf/index.html#/page

参考:

https://www.cnblogs.com/steamed-twisted-roll/p/9648255.html

http://mozilla.github.io/pdf.js/

https://github.com/zLymon/pdf-preview

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注