Javascript 使用window.print()时,Iframe内容被剪切
我正在使用javascriptJavascript 使用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缩放:
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;
}
}