2

我有一个页面，其中有很多关于一个项目的信息，下面有一个小的“下载规范 pdf”按钮。单击它会单独打开 pdf，这就是我需要的 web 版本。

但是我目前正在处理我的打印 css，我的目标是在此处创建一个打印 css，显示信息及其下方的 pdf，包含在同一个打印文件中。

是否可以在我的页面中嵌入 pdf（仅用于打印 css）？我试过使用<object>orembed标签，但这似乎根本没有出现在我的打印 css 中。

更新：我设法使用 显示 pdf iframe，但我无法将 iframe 高度设置为 pdf 的高度。pdf 是动态的，所以它不是一个设定的高度。事实证明，通过 jQuery 动态更新高度是不可能的，因为 iframe 中的文件下载不会触发 onload 事件。如果有人可以帮助我找到解决方案，我将不胜感激。

提前致谢。

4

4 回答 4

2

简单的解决方案是在 iframe 上强制使用 4:3 透视图，并根据您的打印页面调整大小（A4 纸张大小是这里的标准）。

于 2013-09-02T14:51:19.843 回答
1

您可以使用 PDF.js 库，它是一个出色的跨浏览器工作的 JavaScript PDF 查看器。在 div 中显示 PDF，使用 display:none 将其隐藏，用于带有屏幕 CSS 的 web 版本。

于 2013-09-01T20:38:49.113 回答
1

我可以给您的一个建议是，如果您知道 PDF 页面的最大数量，只需使 iframe 高度足够大......这意味着，如果页面数量较少，打印机将输出空页。

另一个建议是上面提到的，获取一个工具来注释或更改所有 PDF 的属性以包含该信息。

我找到了这个工具：http ://pdfcrowd.com/html-to-pdf-api/将 PDF 转换为 HTML，您可以使用它来代替显示 PDF

于 2013-09-02T08:46:52.253 回答
0

我认为您最好的选择是拥有 PDF 的解析版本以供打印。在 Illustrator 中打开它并将每个页面保存到 SVG 并使用 SVG 文件进行打印。

于 2013-08-27T12:19:11.890 回答