专栏首页我和未来有约会[mobile开发碎碎念]手机页面上显示PDF文件

[mobile开发碎碎念]手机页面上显示PDF文件

demo:http://mozilla.github.io/pdf.js/web/viewer.html

项目地址:https://github.com/mozilla/pdf.js

<script type="text/javascript">
    //
    // NOTE:
    // Modifying the URL below to another server will likely *NOT* work. Because of browser
    // security restrictions, we have to use a file server with special headers
    // (CORS) - most servers don't support cross-origin browser requests.
    //
    var url = 'aaa.pdf';

    //
    // Disable workers to avoid yet another cross-origin issue (workers need the URL of
    // the script to be loaded, and dynamically loading a cross-origin script does
    // not work)
    //
    PDFJS.disableWorker = true;

    //
    // Asynchronous download PDF as an ArrayBuffer
    //
    PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
      //
      // Fetch the first page
      //
      pdf.getPage(1).then(function getPageHelloWorld(page) {
        var scale = 1.0;
        var viewport = page.getViewport(($(window).width()-4) / page.getViewport(1.0).width);

        //
        // 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
        //
        page.render({canvasContext: context, viewport: viewport});
      });
    });
  </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • [mobile开发碎碎念]手机页面上显示PDF文件

    demo:http://mozilla.github.io/pdf.js/web/viewer.html 项目地址:https://github.com/moz...

    用户1172164
  • ios开发基础知识 - 2

    移动物体 CABasicAnimation *theAnimation; theAnimation=[CABasicAnimation animatio...

    用户1172164
  • [Silverlight动画]转向行为 - 到达行为

    到达行为在很多场合都可以被当作是寻找行为。实际上,它们之间的算法和处理方式都一样。唯一不同的是,在到达模式中,一辆机车在到达目标的某一距离时,会变成一种精确模式...

    用户1172164
  • [mobile开发碎碎念]手机页面上显示PDF文件

    demo:http://mozilla.github.io/pdf.js/web/viewer.html 项目地址:https://github.com/moz...

    用户1172164
  • Javascript 将 HTML 页面生成 PDF 并下载

    最近碰到个需求,需要把当前页面生成 pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :)

    前朝楚水
  • Javascript 将 HTML 页面生成 PDF 并下载

    最近碰到个需求,需要把当前页面生成 pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :)

    程序员宝库
  • Javascript 将 HTML 页面生成 PDF 并下载

    最近碰到个需求,需要把当前页面生成 pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要 :)

    IT派
  • HTML页面导出PDF——高清版

      需要做一个导出PDF的功能,网上找有很多,但是一般导出来的都是比较模糊的那种,下面这个是高清版的,导出的PDF都是几M,跟正常手动导出的差不多,很清晰。

    _一级菜鸟
  • 制造企业网站升级必看

    制造企业网站升级目的,一般是为了突出企业形象,打造企业品牌。通常企业网站展示企业实力和商品信息比较常见,在公司业绩发展迅速的同时,企业官网作为企业线上业务的主要...

    悉知科技建站
  • nmap扫描主机存活情况 原

    –min-hostgroup 1024(调整并行扫描组的大小,最小分组设置为1024)

    青木

扫码关注云+社区

领取腾讯云代金券