打印包含在页面中的pdf的CSS

Question

我有一个页面，其中有很多关于某个项目的信息，下面有一个“下载规格pdf”按钮。单击它会单独打开pdf，这就是我对webversion所需要的全部内容。

但是我目前正在处理我的print css，我的目标是在这里创建一个print css，它显示信息以及它下面的pdf，包含在同一个printfile中。

是否可以在我的页面中嵌入pdf（仅适用于print css）？我尝试过使用<object>或embed代码，但这似乎并没有出现在我的print css中。

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

提前致谢。

Answer 1

简单的解决方案是在iframe上强制采用4：3的视角，并根据您的打印页面确定尺寸（此处A4纸张尺寸为标准）。

Answer 2

您可以使用PDF.js库，这是一个跨浏览器的amazing JavaScript PDF查看器。在div中显示PDF，使用display：none隐藏屏幕CSS的Web版本。

Answer 3

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

其他建议如上所述，获取一个工具来注释或更改所有PDF的属性以包含该信息。

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

Answer 4

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