javascript - 将多页 pdf 嵌入到具有用户在页面之间翻转 + 附加功能的能力的站点中

Question

我正在寻找一些关于从哪里开始项目的一般建议。我正在一个期刊网站上工作，该网站将显示一个手写期刊，能够通过切换按钮在打字的成绩单版本之间进行切换。我正在从头开始对网站进行编码并在 php 中工作。

• 它将长约 70 页。

• 能够通过箭头或输入页码在页面之间切换。

• 在手写版本和打字稿之间切换的开关。

我在下面对我的设计进行了一些注释，以提供我想要实现的更多细节。

是否有某种可用的框架允许将多页 pdf 嵌入到一个站点中，然后我可以从中工作以实现在手写版本和转录版本之间切换的能力

我有点不知道从哪里开始——我更像是一名设计师 :)

感谢您花时间阅读

尼娜:)

标签： javascripthtmlcsspdf

Answer 1

在网页中嵌入 PDF 文件最常见的 JS 框架是 pdf.js，你可以在这里找到一个演示https://mozilla.github.io/pdf.js/web/viewer.html。我没有使用过 pdf.js，但我认为它不允许编辑 PDF 内容，例如样式和字体。因此，您可以创建 2 个 pdf 文件，一个手写文件和一个普通 pdf 文件，然后使用按钮切换查看的文件，或者尝试使用 HTML/CSS 而不是 PDF 设置页面样式。如果您对 CSS 没有那么丰富的经验，我会推荐前者。

希望能帮助到你。

编辑：我不确定 PDF 中是否有可点击的弹出窗口，如果这是一个重要功能，您可能必须选择 HTML/CSS 路径而不是 PDF 路径。