js转换html为pdf文件怎么打开方式,pdf.js实现在HTML下直接浏览pdf文档，无需插件即可实现...

pdf.js是一款开源的pdf文档读取解析插件，据说在HTML5下诞生的，对于主流的浏览器基本都支持。

官网GitHub地址如下：https://github.com/mozilla/pdf.js

由于官网项目文件过多，不太容易理解，因此，我自己针对此项目做了一个简单的Demo，Demo参考地址如下：

1.新窗口浏览pdf文档：http://www.51purse.com/pdf/web/viewer.html?name=b.pdf

2.点击连接读取第一页的pdf文档：http://www.51purse.com/pdf/web/demo1.html

3.点击连接，选择需要打开的文件，进行pdf预览：http://www.51purse.com/pdf/web/demo2.html

pdf.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，，一个负责API解析，一个负责核心解析

比如Demo1，点击连接，可在当前页面打开一个pdf文档，进行预览，代码剖析

1.引入pdf.js

2.解析读取pdf

functionshowPdf(){

PDFJS.workerSrc= '../build/pdf.worker.js';//加载核心库

PDFJS.getDocument(url).then(functiongetPdfHelloWorld(pdf) {//

//获取第一页数据//pdf.getPage(1).then(functiongetPageHelloWorld(page) {var scale = 1.5;var viewport =page.getViewport(scale);//

//Prepare canvas using PDF page dimensions//var canvas = document.getElementById('the-canvas');var context = canvas.getContext('2d');

canvas.height=viewport.height;

canvas.width=viewport.width;//

//Render PDF page into canvas context//var renderContext ={

canvasContext: context,

viewport: viewport

};

page.render(renderContext);

});

}

3.设置HTML标签

显示pdf文档

4.demo1是通过调用API自己解析，通常，我们直接使用官网的Demo，比如viewer.html，或者Demo2，官方已经为我们设置好了预览的皮肤和各种事件，因此，我只需要将官方的库引进去，会进行本地预览即可。

js转换html为pdf文件怎么打开方式,pdf.js实现在HTML下直接浏览pdf文档，无需插件即可实现...相关推荐

java 网页保存为pdf文件怎么打开方式_js相关：JavaScript+Java实现HTML页面转为PDF文件保存的方法...
js相关:JavaScript+Java实现HTML页面转为PDF文件保存的方法发布于 2020-8-12| 复制链接借助iText这个Java库,我们可以将HTML文件保存为图片文件进而转换成P ...
在reader中勾选pdf复选框_轻松控制PDF文件的打开方式
经常在网上下载资料的朋友们一定都有过这样的烦恼,现在不少资料在网上都是以PDF格式提供下载的,所以在安装有Adobe PDF Reader的电脑上,我们的IE总会"自作主张"地在它 ...
java关于对于word或者pdf文件的批量下载实现，其中包括（Java实现创建word文档模板，根据模板导出word文档）
本次需求是,pdf是表格类型的文件,我这里使用了word模板进行处理.但由于是多个文件一起导出,因此全部放到一个目录底下进行打包下载. ## 整体思路 /*** 下载思路:* 1.查询出数据后:* 2 ...
php手机打开pdf文件怎么打开,PDF文件怎么打开？手机打开PDF及编辑的技巧
PDF文件怎么打开呢?很多小伙伴觉得PDF格式的文件打开比较麻烦,其实我们直接用微信或者QQ就能打开PDF格式的文件. --收到好友发送的PDF文件: --直接点击文件即可打开: 但是一般这样直接打开 ...
加密的pdf文件怎样打开
有时候上传文件在网上的时候,作者会将文件转换成pdf格式的文件并且将文件加密,这样可以有效地保证资料的完整性,降低资料泄露的概率.那么如果要打开加密的pdf文件要怎样去打开呢?今天我们就一起来讨论一下 ...
(JSP)关于手机端（尤其是苹果手机）pdf文件无法打开的解决方案
(JSP)关于手机端(尤其是苹果手机)pdf文件无法打开的解决方案参考文章: (1)(JSP)关于手机端(尤其是苹果手机)pdf文件无法打开的解决方案 (2)https://www.cnblogs. ...
PDF文件找回打开密码
PDF文件忘记了打开密码,想要打开PDF文件就需要解密PDF文件的打开密码,而解密PDF文件的打开密码,就是需要找回正确密码.使用奥凯丰 PDF解密大师找回文件的打开密码 [PDF解密大师]密码找回_ ...
html 在线打开pdf文件怎么打开,在HTML中打开pdf文件怎么打开
回答: PDF是Portable Document Format的简称,意为"便携式文档格式",是由Adobe Systems用于与应用程序.操作系统.硬件无关的方式进行文件交换所 ...
有效破解PDF文件的打开口令密码
PDF文件有打开密码,不知道密码或者忘记密码的情况下,如何才能破解口令密码? 使用okfone PDF解密大师,可以有效找回PDF文件打开口令 okfone PDF解密大师使用[找回密码]将P ...

js转换html为pdf文件怎么打开方式,pdf.js实现在HTML下直接浏览pdf文档，无需插件即可实现...

js转换html为pdf文件怎么打开方式,pdf.js实现在HTML下直接浏览pdf文档，无需插件即可实现...相关推荐

最新文章

热门文章