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

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

您可以使用“媒体打印”选项将正文内容设置为隐藏，并且只显示要打印的图像。在正文中的内容中添加一个包装器，并使用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>

.内容包装器{
显示：块；
}
.打印{
显示：无；
}
.内容包装器{
显示：无；
}
.打印{
显示：块；
}

您可以打开一个新窗口。将窗口的内容设置为相应的html/img，并调用新窗口的打印函数。我想，除非以静默方式完成，否则它不会看起来很好。无论如何，这可以在观众看不到我打开的新页面的情况下完成吗？