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

Question

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

Answer 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>