Tags： 瑜伽学习软件大全 旅游app软件 赛车游戏大全 好玩的手游排行

软件标签: pdf.js js插件 pdf插件

pdf.js文档是一款很多用户经常使用到的pdf插件，能够用于在线浏览pdf文件，能够基本支持所有主流的浏览器，使用十分方便，有需要的朋友欢迎来下载，本站还有更多精彩资源！

pdf.js介绍

pdf.js是为html5实现的在线预览pdf框架，所以使用的前提是浏览器要支持html5。该插件不需要任何本地支持，对浏览器的兼容性也比较好（低版本的ie浏览器请绕行）。 

优缺点说明

——优点

免费，开源的，这点十分重要

功能强大，缩放，打印，查找功能应有尽有

纯js实现，客户不需要安装额外的插件

兼容主流浏览器，火狐，谷歌，ie9+都支持 

——缺点

js文件偏大，加载一起3m多，即便压缩后，两个核心js文件也在1m左右，会影响加载速度 

引文使用H5 技术，ie8 以及ie8 以下的浏览器不支持。

pdf.js使用教程

一、对于简单只展示一张PDF文件的使用只需要将默认路径配置好即可，但是很多情况这种方式不满足开发需求。

二、通过为window.localStorage.pdf赋值修改PDF的路径（经过测试最好写http协议的路径）

例如：

window.localStorage.pdf= 'http://localhost:8080/pdf/20140620/000000091534588.pdf';

window.location.href=basePath+"jsTool/openPDF/web/viewer.html";

三、在地址栏后面传?file=test.pdf 即可完成对默认路径的修改

http://localhost:8080/pdfjs/web/viewer.html?file=test.pdf     //这种最好不要传输中文   具体我没用试过

这里的test.pdf 取与viewer.html的相对路径即可（整个服务器的绝对路径也行）

四、摘自（官网的例子），http://mozilla.github.io/pdf.js/examples/ 

1、页面引入pdf.js。

2、使用PDFJS.getDocument('helloworld.pdf')方式加载要打开的PDF文件。

3、通过PDFJS.getDocument('helloworld.pdf').then(function(pdf){// you can now use *pdf* here});then方式处理后续的方法

4、pdf.getPage(1).then(function(page){// you can now use *page* here});加载PDF的第一页

5、通过h5的canvas进行展示。