手机端html5展示pdf,pdf.js移动端展示预览打开pdf-pdfh5.js

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

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

2019.07.18更新:增加npm install pdfh5使用方式,适应于vue,使用方式和api见github

2019.07.17更新:新增配置参数lazy,支持懒加载。

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

实例化:new Pdfh5(selector,options)

options可以不填:new Pdfh5(selector),不设置pdf路径,会默认拿地址栏的?file=后面的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代码:

PDFH5

//当前默认优先获取浏览器地址栏

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值