4

画像タグのみを含む単純なHTMLドキュメントがあります。ドキュメントを読み込んだ後に画像を印刷したい。私のコード：

<body>    
    <img id="form1" src="form1.jpg" alt="form1" style="margin: 0 auto;display:block;" onLoad="javascript:window.print()" />
</body>

それは機能しますが、問題は、画像（ウェブページ）と、画像のアドレスとhtmlタイトルを示すテキストのみが上にある空の別の紙の両方を印刷することです。余分な用紙を印刷しないようにするにはどうすればよいですか？

PS：PrintElement.js、jqPrint.jsなどのjqueryプラグインを使用しましたが、同じ問題があります...

4

3 に答える 3

4

印刷用の画像サイズなどを制御するために CSS を使用できます。@media print

画像に を付けmax-widthます。

これにより、ページ上での画像のレンダリング方法を制御できます。例：

@media print { 
    body img {
       width: 90%; max-width: 1048px; 
    } 
}
于 2013-02-02T13:33:38.307 に答える
1

画像を少し縮小し、マージンをとって中央に配置します。

<img src="form1.jpg" width="90%" style="margin:auto;"/>
于 2013-02-02T13:04:50.650 に答える
0

js で iframe タグを作成し、その上に画像を配置して、iframe のみを印刷できます。

私はそれがうまくいくことを願っています

<iframe id="iframeprint" style="display:none"></iframe>

多分あなたはこのjsコードが必要です

iframe の内部へのアクセス

document.getElementById('iframeprint').contentWindow.document.body.innerHTML=document.getElementById('form1');

iframe のみを印刷

document.getElementById('iframeprint').contentWindow.print() ;
于 2013-02-02T13:24:27.213 に答える