Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用window.print()时,Iframe内容被剪切_Javascript_Html_Css_Angularjs_Iframe - Fatal编程技术网

Javascript 使用window.print()时,Iframe内容被剪切

Javascript 使用window.print()时,Iframe内容被剪切,javascript,html,css,angularjs,iframe,Javascript,Html,Css,Angularjs,Iframe,我正在使用javascriptwindow.print()打开浏览器打印。但是,当打开“打印视图”时,图表(在iframe中)将被剪切。。我试过一些解决办法,但都不管用 按钮点击 <a href="javascript:window.print();" class="tooltips mr15" title="Print Report"> <div class="icon-print-lrg"></div> </a> 我添加了css缩放:

我正在使用javascript
window.print()
打开浏览器打印。但是,当打开“打印视图”时,图表(在iframe中)将被剪切。。我试过一些解决办法,但都不管用

按钮点击

<a href="javascript:window.print();" class="tooltips mr15" title="Print Report">
    <div class="icon-print-lrg"></div>
</a>
我添加了css缩放:200%,因为当浏览器处于200%时,一切都很好,但这对我不起作用

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

打印外观:


您是否尝试过JQuery打印功能?此外,我认为在@media print中,如果您将缩放比例降低75%左右,您将获得整个区域。我还发现了这个 在这里

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