使用自定义界面将 pdf 嵌入到 html5 页面中，仍然可以交互答案

【问题标题】：Embedding pdf into html5 pages with a customed interface, still being interractable使用自定义界面将 pdf 嵌入到 html5 页面中，仍然可以交互
【发布时间】：2019-02-19 09:57:41
【问题描述】：

所以，我需要一种方法来简单地将 .pdf 实现到 html5 页面中。不幸的是， , 等会导致 pdf 变得凌乱且不实用。（而且很丑）。

我尝试使用 pdf.js，但它似乎太大，而且对于我打算做的事情来说太重了。此外，缺乏文档使得正确实施非常困难。

我需要的是：

一种一次显示一个 pdf 页面的方法（这意味着不能滚动）。
由于 pdf.js 似乎将每个 pdf 页面都变成了图片，因此无法将其放大而不会使 pdf 变得模糊。我想要的是缩放以相应地更新缩放级别。
文本必须是可选的，可以搜索单词等。
没有丑陋的菜单可以打印。
为了能够访问正在查看的页面的编号，以便创建“下一个”和“上一个”按钮。

那么，我应该继续尝试设置 pdf.js，还是有更好、更简单的选项来完成我需要做的事情，如上所列？

【问题讨论】：

pdfobject.com/static.html ?这会让你更接近你的目标吗？
唉，PDFOBJECT 一点也不灵活。我什至想知道他们为什么要这么做。我的猜测是，它是一个被 adobe、microsoft、google 和 mozilla 超越的老项目。

标签： javascript html pdf embed

【解决方案1】：

我建议您按照这些指南来启动您的软件（为了不使用 PDF.js...它很复杂而且很慢）。您的软件将很快并且跨平台性能独立

创建一个读取输入参数（本地文件系统上的文件名）的页面
将要查看的 PDF 传递到页面
在服务器端，读取文件并转换为 svg（每页 1 个）。我可以建议你 pdf2svg https://github.com/dawbarton/pdf2svg
同一页面必须输出一个 HTML 页面，其中包含创建的 SVG 图像，该图像使用您想要的 CSS 规则进行格式化

最后，你可以开始在工具栏、功能等方面工作了……

【讨论】：

这个过程绝对是解决方案。 SVG 可以在任何浏览器中读取，并且是一种轻量级格式......虽然，pdf2svg 是否应该自动将 pdf 的每一页转换为单独的 svg？我不知道 pdf2svg 应该做什么。这家伙在他写的所谓的“文档”中自言自语。没有可以使用的示例，没有解释......而且我显然并不孤单，因为似乎没有人在网络上使用它。
是的 pdf2svg 将每页转换 1 个文件。您可以构建它并尝试 --help 选项或查看 github 中的使用部分。如果您愿意，您可以用您喜欢的语言实现 PDF 转换，这只是一个建议。
非常感谢您抽出宝贵时间。我花了几个小时尝试设置 pdf.js。到那时，我可以确认这东西是可憎的。每个人都推荐那个东西，但我现在很确定他们从未使用过它。它速度慢，难以设置，并且与 Firefox 以外的浏览器几乎没有兼容性。我认为服务器端编程转换超出了我的知识范围，不幸的是：/。因此，svg，因为它是一种混合格式，能够像图片一样显示，但如果有人放大显示文本而不会产生模糊效果，这是一个好主意。