pdf文档用什么打开

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标签

<ahref="JavaScript:void(0)"target="_blank"onclick="showPdf()">显示pdf文档</a

<canvasid="the-canvas"></canvas>

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

关于“pdf文档用什么打开”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。