将PDF嵌入网页并水平滚动以使其居中

Question

我已使用embed标签将PDF添加到网页。 嵌入窗口的宽度小于PDF的宽度。 因此，出现水平滚动条。 但是，PDF文档本身的左侧和右侧都有很大的空白。 如果用户将中心滚动到PDF，则PDF的内容非常合适。

我希望这种滚动尽可能自动进行。

代码在这里http://shop.stelladoradus.com/product/gsm-repeater/
您必须单击规格标签以查看PDF。

对于谷歌浏览器，我执行了以下操作：

我使用了iframe而不是嵌入

<iframe id='pdf_embed' height='1300' style='width: 734px; margin-left: -40px;' src='iframe_url?pdf=pdf_url.'></iframe>

在iframe页面上，我有：

<style>
object{
    width: 200%;
    margin-left: -370px;
    margin-top: -150px;
}
embed{
    width:100%;
    height:95%;
}
</style>
<html>
<body >
    <object height='1430' data="<?php echo $_GET['pdf']; ?>" type="application/pdf">
        <embed height='1430' src="<?php echo $_GET['pdf']; ?>" type="application/pdf" />
    </object> 
</body>
</html>

实际上，此解决方案正是我在寻找的解决方案，因为pdf放大了，因此没有显示页边距，而且更易于阅读（较大的文本）。 我无法将其用于Firefox或IE，因为您可以使用下面的@ Infer-On解决方案。

Answer 1

好的，我认为您只需要按照文档中的说明将一些参数传递给PDF：

您可以尝试这样的事情：

zoom=scale

使用浮点或整数值设置缩放和滚动系数。 例如，缩放值为100表示缩放值为100％。

要不然

view=Fit

使用PDF语言规范中定义的关键字值设置显示页面的视图。 有关更多信息，请参见PDF参考。

请参阅相关文档以找到更适合您的参数

http://example.org/doc.pdf#zoom=50
http://example.org/doc.pdf#view=Fit,100

编辑

我已经尝试过的

<object data="http://www.stelladoradus.com/wp-content/uploads/2014/03/en_spec_RP1000G3.pdf" 
 type="application/pdf" 
 width="300" height="500">
    <param name="view" value="fit" />

</object>

http://jsfiddle.net/InferOn/wVaGa/23/

这有效，但不适用于Chrome ...

将PDF嵌入网页并水平滚动以使其居中

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-07-21 11:18:43

将PDF嵌入网页并水平滚动以使其居中

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-07-21 11:18:43

解决方案1
0 已采纳 2014-07-21 11:18:43