●質問したい内容の要約は以下です。
(1)Android端末でGoogleCloudPrintでテキストと画像を印刷したい
(2)1が不可能な場合、window.print()で印刷プレビューを開いてすぐ閉じたときに、印刷プレビューが開かなくなる事象を解決したい
●詳細
Webサイトの中に印刷ボタンがあり、その印刷処理を以下のように作っていました。
javascript
1var printContent = ""; 2printContent += '<img src="xxx.png">'; 3printContent += '<p>test</p>'; 4$('.printbox').append(printContent); 5 6window.print();
css
1//通常のcss 2.printbox { display: none; }
CSS
1//print.css 2.printbox { display: block !important; }
ただ、Android端末でテストしていたとき、
印刷プレビューを開いた瞬間に、ホームボタンなどを押してキャンセルして元のページに戻ると、
印刷ボタンが反応しなくなる(印刷プレビューが開かなくなる)事象がありました。
そのため、Google Cloud Printを使って以下のような処理を追加しました。
javascript
1 var runCloudPrint = function(){ 2 var gadget = new cloudprint.Gadget(); 3 gadget.setPrintDocument("text/html", "test", document.getElementById('printbox').innerHTML); 4 gadget.openPrintDialog(); 5 };
javascript
1var printContent = ""; 2printContent += '<img src="xxx.png">'; 3printContent += '<p>test</p>'; 4$('.printbox').append(printContent); 5 6runCloudPrint();
しかしこの状態でGoogle Cloud Printで印刷してみると、
テキストは出るのですが、画像が表示されずに白い四角が出てしまいました。
setPrintDocumentの第一引数をimage/jpegにすると、画像だけは印刷できました。
gadget.setPrintDocument("image/jpeg" ...
Google Cloud Printで画像とテキストを印刷する方法 または
window.print();で開いた印刷プレビューをすぐ閉じても再度window.print();が動作するような方法を教えていただきたいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/13 01:33 編集