如何在不滚动的情况下将 PDF 嵌入到真实大小的网站上

How can I embed a PDF on a website real size without scrolling?

本文关键字：真实 网站 PDF 滚动 情况下      更新时间：2023-09-26

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

我希望用javascript编程，如下所示：

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

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

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

这可能吗？

你不能用javascript做到这一点

也许您最多只能获得一些元数据，例如文件大小和文件类型（应用程序/pdf）。"展开"pdf内容以获得宽度/高度并不是真正的标准，所以我怀疑它甚至在元数据中也是如此。

可能的解决方案

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

一张 A4 纸是 842px（我们称之为 paper_height），所以你可以做类似 pdf_height = paper_height * page_count * 缩放;

*

可选内容 *

我假设缩放是自定义的，因此您可以在其上添加一个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');

相关文章：