javascript - 如何在不滚动的情况下将 PDF 嵌入实际大小的网站？

Question

我尝试在网页中包含 pdf 文档的片段。这些片段大小不一。我想以实际尺寸完整展示它们。

我希望用 javascript 编写类似这样的程序:

<embed src="my_document.pdf#zoom=100" width="my_document.pdf".width height="my_document.pdf".height />

我不知道如何在 javascript 中检索文档元数据中的文档大小。

我可以显示 pdf 没有问题。此代码有效，但 100% 是网页的 100% 而不是 pdf 文档。

这可能吗？

Answer 1

你不能用 javascript 做到这一点

也许您最多可以获得一些元数据，例如文件大小和文件类型(应用程序/pdf)。 “展开”pdf 内容以获得宽度/高度并不是真正的标准，所以我怀疑它是否在元数据中。

可能的解决方案

如果您的 pdf 文档包含文本并且具有每页高度相同的布局，并且您可以访问 pdf 中的页数。如果是这样，您可以添加属性 <embed page_type='A4' page_count='$page_count' .. ，可通过 javascript 访问。

A4 纸为 842px(我们称之为 paper_height)，因此您可以执行类似 pdf_height = paper_height * page_count * zoom 的操作；

*可选内容 *

我假设缩放是自定义的，因此您可以在其上添加一个 javascript 处理程序:

$('embed').height(paper_height * zoom);

// or

$('embed').css('height', paper_height * zoom);

但是，如果缩放没有太多状态，您可以使用一些预定义的 CSS 类。一开始你可以做 <embed class='pdf_height_no_zoom' .. .如果用户单击缩放按钮 $('embed').attr('class', 'pdf_zoom_level2');