缩放以适合:PDF嵌入HTML


84

我正在将本地pdf文件嵌入到简单的网页中,并且希望设置初始缩放比例以适合对象尺寸。这是我尝试过的方法,但不影响缩放。

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

有谁知道如何修改代码,以便将其初始缩放比例设置为适合对象大小。



我现在在代码中使用的修饰符不会影响pdf文件的缩放,我需要弄清楚如何使缩放初始适合对象
user3024833 2013年

Answers:


164

回复很晚,但是我注意到很难找到此类信息,也没有找到关于SO的答案,所以就在这里。

尝试使用不同的参数#view = FitH强制其适合水平空间,并且还需要使用#而不是&使其开始查询字符串:

filename.pdf#view=FitH

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

有关可用参数的完整列表,请参阅此文档

编辑:(懒惰模式打开)

在此处输入图片说明 在此处输入图片说明 在此处输入图片说明 在此处输入图片说明 在此处输入图片说明


2
太好了 FitH调整浏览器窗口大小时,如何强制它适应页面大小?
维沙尔

5
上面提到的URL中的参数文档已移至此链接adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/…–
RominNoodleSamurai

3
您为什么不投票通过:)非常感谢!
马丁·埃克本

有没有办法更改<embed>元素的背景容器的颜色?我在文档外部但在元素内部看到灰色。我希望它是透明的或从元素继承的。
维沙尔

我无法使其在Edge中工作。浏览器忽略了参数。Chrome浏览器至少支持其中一些功能(例如,查看,缩放,页面)。
约瑟夫·布拉哈


4

此方法使用“对象”,它也具有“嵌入”。两种方法均有效:

<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>

1

对于这个问题的回答有点晚,但是我确实要补充一些可能对其他人有用的东西。

如果您使用iFrame并将pdf文件路径设置为src,则会将缩小后的图片加载到100%,相当于FitH


1

以防万一有人需要它,在Firefox中对我来说,它像这样工作

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

0

使用iframe广告代码显示具有缩放比例的pdf文件

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.