pdf.js是一款开源的pdf文档读取解析插件，据说在HTML5下诞生的，对于主流的浏览器基本都支持。
官网GitHub地址如下：/mozilla/pdf.js
由于官网项目文件过多，不太容易理解，因此，我自己针对此项目做了一个简单的Demo，Demo参考地址如下：
1.新窗口浏览pdf文档：/pdf/web/viewer.html?name=b.pdf
2.点击连接读取第一页的pdf文档：/pdf/web/demo1.html
3.点击连接，选择需要打开的文件，进行pdf预览：/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，官方已经为我们设置好了预览的皮肤和各种事件，因此，我只需要将官方的库引进去，会进行本地预览即可。
