javascript - 使用 window.print() 时 Iframe 内容被剪切

Question

我正在使用 javascript window.print() 打开浏览器打印。但是，当打开打印 View 时，图表(在 iframe 中)被切断了......我尝试了一些解决方案但对我没有任何作用。

点击按钮

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

内嵌框架

<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 print 中，如果将缩放比例减少 75% 左右，您将获得整个区域。我也发现了这个 link 这里。