使用window.print（）时iframe内容会被删除

Question

我正在使用javascript window.print()打开浏览器打印。然而，当打开打印视图时，图表（在iframe中）正在被削减..我尝试了一些解决方案，但对我来说没什么用。

按钮单击

<a href="javascript:window.print();" class="tooltips mr15" title="Print Report">
    <div class="icon-print-lrg"></div>
</a>

iframe html

<iframe id="kibana_url" src="{{reportsvm.kibanaUrl}}" style="min-height:600px; width:100%;" frameBorder="0"></iframe>

CSS类

@media print
{  
    .noPrint, .noPrint *
    {
        display: none !important;
    }   
}

我在css zoom中添加了200％，因为当浏览器达到200％时，一切都很好，但这对我不起作用。

@media print
{ 
   iframe 
   {
    zoom: 200%;
   }
  .noPrint, .noPrint *
  {
  display: none !important;
  }        
}

实际外观：

https://snag.gy/iShT4D.jpg

打印外观：

https://snag.gy/P0NhK2.jpg

Answer 1

你试过JQuery打印功能吗？另外我认为在@media打印中，如果你将缩放率降低75％左右，你将获得整个区域。我也找到了link 这里。