我正在将一个本地的pdf文件嵌入到一个简单的网页中,并希望将初始缩放设置为适合对象尺寸。这是我尝试过的代码,但它没有影响到缩放。
<embed src="filename.pdf?zoom=50" width="575" height="500">
有没有人知道如何修改代码,使其初始缩放比例适合对象大小。
我正在将一个本地的pdf文件嵌入到一个简单的网页中,并希望将初始缩放设置为适合对象尺寸。这是我尝试过的代码,但它没有影响到缩放。
<embed src="filename.pdf?zoom=50" width="575" height="500">
有没有人知道如何修改代码,使其初始缩放比例适合对象大小。
回复有些晚了,但我注意到这个信息很难找到,在SO上也没有找到答案,所以在这里给出。
尝试使用不同的参数#view=FitH来强制使其适应水平空间,并且您需要以#而不是&开头启动查询字符串:
filename.pdf#view=FitH
我注意到的是,如果Adobe Reader嵌入浏览器中,这将起作用,但Chrome将使用自己的阅读器版本,并且不会以相同的方式响应。在我的情况下,Chrome浏览器默认缩放以适应宽度,因此没有问题,但Internet Explorer需要使用上述参数来确保链接始终以正确的视图设置打开PDF页面。
有关可用参数的完整列表,请参见此文档
编辑:(懒人模式开启)
FitH
? - Vishal对我来说这个方法有效(因为我的PDF容器太小,需要放大):
<embed src="filename.pdf#page=1&zoom=300" width="575" height="500">
<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>
在参考了@Rich的答案后,我在我的代码中使用了view=FitH来查看以Angular为基础的PDF内容(如下所示)。
我分享给那些关心如何使用Angular框架查看带有object标签的base64内容PDF文件的人。
查看PDF的选项
this.pdfContent =
URL.createObjectURL(this.b64toBlob(content, 'application/pdf')) +
'#toolbar=0&navpanes=0&scrollbar=0&view=FitH';
从API中读取PDF内容
let content = DataHelper.getDataFromAPI();
showData() {
let content = DataHelper.getDataFromAPI();
this.pdfContent =
URL.createObjectURL(this.b64toBlob(content, 'application/pdf')) +
'#toolbar=0&navpanes=0&scrollbar=0&view=FitH';
this.pdfview.nativeElement.setAttribute('data', this.pdfContent);
}
<object #pdfview
[data]=''
type="application/pdf"
width="100%"
height="800px"
>
</object>
万一有人需要,在我的火狐浏览器上,它是这样工作的。
<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>
回答有点晚,但我有一些补充,可能对其他人有用。
如果您使用iFrame并将pdf文件路径设置为src,则会以100%缩小加载,这相当于FitH。
这对我很好用
<embed src=".file-name.pdf#zoom=FitH" width="100%" height="1930px" />
<iframe src="filename.pdf" width="" height="" border="0"></iframe>