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

时间:2014-09-04 05:41:07

标签: javascript jquery html printing browser

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

1 个答案:

答案 0 :(得分: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>