HTMLページの画像だけを印刷したい。
使った
function printImg(){
var URL = "image.png";
var W = window.open(URL);
W.window.print();
}
ただし、コードを実行すると、画像ではなくページ全体が印刷されます。画像だけを印刷する方法はありますか?ガイドしてください。
ありがとう。
HTMLページの画像だけを印刷したい。
使った
function printImg(){
var URL = "image.png";
var W = window.open(URL);
W.window.print();
}
ただし、コードを実行すると、画像ではなくページ全体が印刷されます。画像だけを印刷する方法はありますか?ガイドしてください。
ありがとう。
CSS メディア タイプについて聞いたことがある場合は、この手法を使用して目的のタスクを達成できます。
例:
Media Type Print を定義し、以下のように css ファイルに.noprint
css ルールを含む css クラスを追加します。display:none;
@media print {
.noprint{ display: none }
}
そして、印刷したくない要素にこのクラスを適用します。
これが大いに役立つことを願っています。
画像を除く他のすべての不要な div を非表示にする 1 つの print.css を作成します
最後に、結果を PDF 形式に変換し、FPDF ライブラリを使用して印刷することを考えました
image 要素を作成して、それを DOM に追加できます。
function printImg() {
var img = document.createElement( "img" );
img.src = "image.png";
document.body.appendChild( img );
}