缩放以适合：PDF嵌入HTML

Question

我正在将本地pdf文件嵌入到一个简单的网页中，我希望将初始缩放设置为适合对象大小。这是我尝试的但它不影响缩放。

 <embed src="filename.pdf?zoom=50" width="575" height="500">

有没有人知道如何修改代码，以便将其初始缩放设置为适合对象大小。

Answer 1

有点迟到的反应，但我注意到这些信息很难找到，并且没有找到SO的答案，所以就是这样。

尝试使用不同的参数#view = FitH来强制它适应水平空间，你还需要用＃而不是＆amp;来启动查询字符串。制作它：

filename.pdf#view=FitH

我注意到，如果adobe reader嵌入在浏览器中，这将有效，但chrome将使用它自己的阅读器版本，并且不会以相同的方式响应。在我自己的情况下，Chrome浏览器默认情况下缩放到适合宽度，所以没问题，但是Internet Explorer需要上面的参数来确保链接始终使用正确的视图设置打开pdf页面。

有关可用参数的完整列表，请参阅此doc

编辑：（延迟模式开启）

Answer 2

对我来说这很有效（我想放大，因为我的pdf容器很小）：

    <embed src="filename.pdf#page=1&zoom=300" width="575" height="500">

Answer 3

对这个问题的反应迟了，但是我确实有一些东西需要补充，这可能对其他人有用。

如果您使用iFrame并将pdf文件路径设置为src，则会加载缩小到100％，这与FitH的等效性

Answer 4

此方法使用＆＃34; object＆＃34;，它还具有＆＃34; embed＆＃34;。这两种方法都有效：

<div id="pdf">
    <object id="pdf_content" width="100%" height="1500px" type="application/pdf" trusted="yes" application="yes" title="Assembly" data="Assembly.pdf?#zoom=100&scrollbar=1&toolbar=1&navpanes=1">
    <!-- <embed src="Assembly.pdf" width="100%" height="100%" type="application/x-pdf" trusted="yes" application="yes" title="Assembly">
    </embed> -->
    <p>System Error - This PDF cannot be displayed, please contact IT.</p>
    </object>
</div>

Answer 5

使用iframe标记显示缩放拟合的pdf文件

<iframe src="filename.pdf" width="" height="" border="0"></iframe>

Answer 6

以防万一有人需要它，在Firefox中对我来说它就是这样

<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>

Answer 7

这对我来说很好

<embed src=".file-name.pdf#zoom=FitH" width="100%" height="1930px" />