使用 javascript 从浏览器中的流打印答案

【问题标题】：Printing from a stream in the browser using javascript使用 javascript 从浏览器中的流打印
【发布时间】：2014-09-04 05:41:07
【问题描述】：

我有一个在线查看器（弹出窗口），其中图像显示在一个 div 中，以及一些用于放大/缩小或旋转图像的按钮。现在我想在某些用户操作上以编程方式打印图像。是否有任何选项可以仅从浏览器打印或从流中打印。我无法在浏览器上安装额外的插件来完成此操作。如果不直接打印图像，如果我在打印之前将其转换为 pdf，我可以以某种方式打印图像吗？我已经尝试为此找到解决方案，但我唯一能找到的是javascript的window.print()函数。问题是如果我使用它，它将打印整个页面，包括按钮。我只想打印图像。

【问题讨论】：

您可以打开一个新窗口。设置窗口内容为对应的html/img，调用新窗口的打印函数
想到除非默默地完成它看起来不会很好。无论如何，这可以在没有查看者看到我打开的新页面的情况下完成吗？

标签： javascript jquery html printing browser

【解决方案1】：

您可以使用媒体打印选项将正文内容设置为隐藏，仅显示您要打印的图像。将包装器添加到正文中的内容，并使用类 print 将要打印的图像附加到包装器之外，并添加以下 css。

 <style type="text/css"  >
     .content-wrapper{
        display:block;
     }
     .print{
        display:none; 
     }
</style>  
<style type="text/css" media="print" >
     .content-wrapper{
        display:none;
     }
     .print{
        display:block; 
     }
</style>

【讨论】：