内联PDF查看器

Question

内联PDF查看器

fl0*_*00r 3 html ruby pdf

是否有PDF查看器可以嵌入到我的HTML中,我可以根据需要进行样式设置.

实际上我需要显示一些PDF文件页面并自定义我自己的UI(几个按钮来翻页和评论).

如果有任何Ruby解决方案(实际上并不是关于编程,正如我所理解的那样)它会很棒.

我想显示pdf,因为:

用户可以复制文本
文本采用原始布局

因此,我不想将其显示为图像或转换后的文本.但我想用简单的设计来展示页面.没有Flex或其他什么.

Answer 1

Phi*_*ipp 14

是的,有可能,用HTML5!

https://github.com/mozilla/pdf.js/

这是一个纯JavaScript库,它使用HTML5函数打开PDF文件并在页面中呈现它.我在以下浏览器中成功测试了库:

IE9和当前版本的谷歌Chrome,Firefox,Safari
IE8及更低版本不支持pdf.js(缺少HTML5功能)

用法

在HTML文件中的JavaScript库,并添加一个 - 元素(是HTML5元素,所以它会在HTML5的浏览器只工作):

<body>
  <canvas id="the-canvas" style="border:1px solid black;"/>
</body>

Run Code Online (Sandbox Code Playgroud)

使用类似于此的javascript调用在此画布中呈现PDF:

PDFJS.getDocument('your-file-goes-here.pdf').then(function(pdf) {
  pdf.getPage(1).then(function(page) {
    var scale = 1.5;
    var viewport = page.getViewport(scale);

    var canvas = document.getElementById('the-canvas');
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
    page.render(renderContext);
  });
});

Run Code Online (Sandbox Code Playgroud)

归档时间：	15 年，2 月前
查看次数：	14155 次
最近记录：	8 年，7 月前