温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

pdf文档用什么打开

发布时间:2021-09-23 14:50:49 来源:亿速云 阅读:163 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关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文档用什么打开”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

pdf
AI