如何在不滚动的情况下在实际尺寸的网站上嵌入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执行此操作

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

可能的解决方案

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

一张A4纸是842px（让我们称之为pap​​er_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');