我正在将本地 pdf 文件嵌入到一个简单的网页中，并且我希望将初始缩放设置为适合对象大小。这是我尝试过的，但它不影响缩放。
<embed src="filename.pdf?zoom=50" width="575" height="500">
有谁知道如何修改代码，使其初始缩放设置为适合对象大小。
【问题讨论】：
按照 @Rich 回答，我在代码中使用 view=FitH 在 Angular 中查看 PDF 内容 base64，如下所示。
我为谁分享了使用 Angular 框架查看带有对象标签的 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);
}
在 HTML 文件中使用对象标签作为
<object #pdfview
[data]=''
type="application/pdf"
width="100%"
height="800px"
>
</object>
链接 Angular 演示 https://stackblitz.com/edit/angular-ivy-tdmieb
【讨论】：
这对我来说很好用
<embed src=".file-name.pdf#zoom=FitH" width="100%" height="1930px" />
【讨论】：
以防万一有人需要它，在我的 Firefox 中它是这样工作的
<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>
【讨论】：
回复有点晚，但我注意到此信息可能很难找到，并且在 SO 上找不到答案，所以在这里。
尝试使用不同的参数 #view=FitH 来强制它适应水平空间，而且您需要使用 # 而不是 & 开始查询字符串：
filename.pdf#view=FitH
我注意到的是，如果 adobe 阅读器嵌入在浏览器中，这将起作用，但 chrome 将使用它自己的阅读器版本，并且不会以相同的方式响应。在我自己的情况下，chrome浏览器默认缩放到适合宽度，所以没问题，但是Internet Explorer需要上述参数来确保链接始终以正确的视图设置打开pdf页面。
有关可用参数的完整列表，请参阅doc
编辑：（开启懒惰模式）
【讨论】：
FitH？
这个方法使用“object”，它也有“embed”。任何一种方法都有效：
<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>
【讨论】：
对我来说这很有效（我想放大，因为我的 pdf 的容器很小）：
<embed src="filename.pdf#page=1&zoom=300" width="575" height="500">
【讨论】：
使用 iframe 标签显示 pdf 文件以适合缩放
<iframe src="filename.pdf" width="" height="" border="0"></iframe>
【讨论】：
对这个问题的回复有点晚，但是我确实有一些东西要补充，可能对其他人有用。
如果你使用 iFrame 并将 pdf 文件路径设置为 src，它将加载缩小到 100%，这相当于 FitH
【讨论】：