pdf.js移动端展示预览打开pdf-pdfh5.js

pdf.js移动端展示预览打开pdf-pdfh5.js

本插件基于pdf.js和jQuery，可手势捏合缩放，支持懒加载（即分段加载）。

2019.07.18更新：增加npm install pdfh5使用方式，适应于vue，使用方式和api见github https://github.com/gjTool/pdfh5。

2019.07.17更新：新增配置参数lazy，支持懒加载。

2019.07.10更新：新增部分api，配置参数。内部渲染机制改动：先画canvas再转为img 改成 直接渲染svg。后续会放出api文档。以及做成npm包引用（时间待定）

实例化：new Pdfh5(selector,options)

options可以不填：new Pdfh5(selector）,不设置pdf路径，会默认拿地址栏的?file=后面的pdf路径

例如：http://www.gjtool.cn/pdfh5/pdf.html?file=http://xxx.xxx.xxx/xxx.pdf

var pdfh5 = new Pdfh5('.pdfjs', { pdfurl: 'default.pdf' });

默认优先获取浏览器地址栏？file=后面的地址，如果地址栏没有，再拿配置项的pdfurl或者data来渲染pdf。

配置项参数 URIenable:false 可以无视地址栏参数，只拿配置项的pdfurl或者data来渲染pdf

var pdfh5 = new Pdfh5('.pdfjs', {
        URIenable:false,
        pdfurl: "./default.pdf"
    });

例子：

html代码：

github地址：https://github.com/gjTool/pdfh5

示例地址：http://www.gjtool.cn/pdfh5/

如果需要在线预览，那就把github上的项目下载，部署到自己的服务器上。

也可以用下面的地址在线预览，修改?file=后面的地址即可：

http://www.gjtool.cn/pdfh5/pdf.html?file=http://www.gjtool.cn/pdfh5/test.pdf

在地址栏最后添加?file="PDF文件的地址"

示例用法：

http://www.gjtool.cn/pdfh5/pdf.html?file=http://xxx.xxx.xxx/xxx.pdf

有问题BUG，请去GitHub上提Issue。https://github.com/gjTool/pdfh5/issues

项目源码打包下载​​​​​​​

如果觉得插件还可以，就请点个星星吧，以后有空我会更新api文档，完善插件功能

最近才算闲下来了，新建了一个QQ前端学习交流群，欢迎加入前端交流h5，651601340，可以进来提pdfh5.js的bug、问题、建议等。