pdf.js是一款开源的pdf文档读取解析插件,据说在html5下诞生的,对于主流的浏览器基本都支持。pdf.js框架的魅力所在无需任何本地支持,浏览器支持html5就能支持pdf.js(不过对于低版本的IE,就只能节哀了!)。
pdf文档用什么打开
pdf.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,,一个负责API解析,一个负责核心解析。
pdf文档用什么打开pdf.js使用实例
首先看一个demo这个viewer我觉得就是PDF.js的最终UI。
参考代码
1.引入pdf.js,2.解析读取pdf
functionshowPdf(){
PDFJS.workerSrc='../build/pdf.worker.js';//加载核心库
PDFJS.getDocument(url).then(functiongetPdfHelloWorld(pdf){
pdf.getPage(1).then(functiongetPageHelloWorld(page){//获取第一页数据
varscale=1.5;
varviewport=page.getViewport(scale);
//PreparecanvasusingPDFpagedimensions
varcanvas=document.getElementById('the-canvas');
varcontext=canvas.getContext('2d');
canvas.height=viewport.height;
canvas.width=viewport.width;
//RenderPDFpageintocanvascontext
varrenderContext={
canvasContext:context,
viewport:viewport
};
page.render(renderContext);
});
});
}
3.设置html标签
4.通过调用API自己解析,通常,我们直接使用官网的Demo,比如viewer.html,官方已经为我们设置好了预览的皮肤和各种事件,因此,我只需要将官方的库引进去,会进行本地预览即可。
上一篇:base64原理是什么
下一篇:js的apply方法的用法