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

user2297831 发表于 Dev

用户名

我已经使用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解决方案。

亚历山德罗

好的，我认为您只需按照文档中的说明将一些参数传递给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 ...

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。