我需要在 HTML 页面中嵌入一个 PDF 文件,以便用户在每个主要设备上都能看到它。 大多数方法在桌面上运行良好,但在 iPad 设备上开始出现问题。如果放置在 iframe 或嵌入标记内,PDF 将不再可滚动。
我使用了以下技术来解决这个问题:
1) 使用 pdf-image对于 Node 并将 PDF 转换为图像,然后将它们滑动到 div 中。 这种方法的问题是图像质量下降,不适合在 Web 上查看。
2) 使用 PDF.js通过 Mozilla 它在所有设备上都能正常工作,但在 iPad 上使页面极其缓慢且无响应
3) 使用谷歌 PDF 查看器
<iframe src="https://docs.google.com/viewer?url=http://public-Url-of-pdf.pdf&embedded=true" frameborder="0" height="500px" width="100%"></iframe>
这种方法的问题是我需要公开我的 PDF,出于安全原因我不想这样做。
以上方法都不适合我。是否有任何解决方案可将 PDF 嵌入到也适用于 iPad 的页面中。
我的一位同事告诉我如何使用 LibreOffice(open office) headless 将 PDF 嵌入我的页面,但我找不到任何关于它的用法的文档?
有人可以帮忙吗? :(
提前致谢!
最佳答案
<embed src="http://example.com/the.pdf" width="500" height="375" />
为纯 HTML
尝试上面的一个。但另一种选择是,如果您想使用 javascript,请尝试 mozilla
的 Pdf.js
。 https://github.com/mozilla/pdf.js
关于javascript - 如何在 HTML 页面中嵌入 PDF?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53739984/