私のチームは、この問題の修正を探していました。フローを使用してダイアグラム (グラフィック) を動的に作成するアプリケーションがあります。また、基本的には境界線と背景色を持つ div で囲まれたオブジェクトである「swinlane」に形状を表示します。すべてが素晴らしく見えます。私たちが抱えている問題は、このビューを印刷しようとするときです。
既存の html (変数名 printContent) を使用しているだけです。別のウィンドウを開き、印刷を呼び出します。
var pw = window.open('', 'View', 'width=900,height=600');
pw.document.open();
pw.document.write('<html><head></head><body>' + printContent + '</body></html>');
pw.document.close();
pw.focus();
pw.print();
pw.close();
コンテンツは、新しいウィンドウで実際に正しく表示されます。一番上の「swinlane」に境界線や背景が表示されないのは、プリンターで印刷されたときです。残りは正常です。
[ファイル] -> [ページ設定] で [背景色と画像を印刷する] を確認しようとしましたが、効果がありません。