2014-09-04 56 views
0

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

+0

你可以打开一个新窗口。将窗口的内容设置为相应的html/img,并调用新窗口的打印功能 – Sunand 2014-09-04 05:51:00

+0

想到除非静静地完成,否则它看起来不好。无论如何,这可以在没有观众看到我打开的新页面的情况下完成吗? – 2014-09-04 05:54:27

回答

1

您可以使用媒体打印选项将主体的内容设置为隐藏状态,并且只将要打印的图像设置为隐藏状态。添加一个包装到正文中的内容,并将要打印的图像添加到包装类中并添加以下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> 
+0

谢谢Sunand。这对我有用。 – 2014-09-04 07:39:23