window.print（）を使用してiframeのコンテンツが削除されています

Question

ブラウザの印刷を開始するにはjavacript window.print()を使用しています。しかし、印刷ビューを開くと、グラフ（iframeにある）が切れています。私はいくつかのソリューションを試しましたが、何も私のために働くことはありません。

ボタン

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

インラインフレーム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のズームに追加]をクリックします。ブラウザが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の印刷機能を試してみましたか？また、あなたは全体の領域を取得する約75％のズームを減らす場合は、@メディア印刷でも思う。また私はこれを見つけたlink ここに。