htmlの印刷中に画像のサイズを変更する

Question

テキストと画像を含むhtmlページのdivを印刷したいとします。これを行うには、とjavascript functionを使用しました。現在はdivに大きな画像が印刷されています。

割合を維持して画像のサイズを変更する必要があります。

私はこのフィールド（html,css,javascript）からではありません。どうすればいいか分かりません。 インターネットで検索しましたが、印刷中にイメージのサイズを変更するためのヘルプが表示されませんでした。

アイデアはありますか？

Answer 1

あなたはこのような何かをしたい：

var images = document.getElementsByTagName('img') 
for(var i = 0; i<images.length; i++) { 
    if (images[i].width > screen.width) { 
    // Reduce the width so image fits. 
    var factor = (screen.width-50)/img.width; 
    images[i].width *= factor; 
    images[i].height *= factor; 
    } 
if (images[i].height > screen.height) { 
    // Reduce the height so it fits. 
    var factor = (screen.height-50)/images[i].height; 
    images[i].width *= factor; 
    images[i].height *= factor; 
    } 

} 

は、このヘルプをしていますか？

Answer 2

あなただけのイメージのwidth()とheight()以下のように設定することができます。この意志はあなたを助け

$('.imgClass').width(700); // Units are assumed to be pixels 
$('.imgClass').height(700); 
//.imgClass is a common class on multiple images 

希望。

Answer 3

mediaqueriesを使用すると、印刷ドキュメントのレイアウトを制御できます。例は、このいくつかの例について

@media print { 
    img { 
     max-width : 300px; 
     height : auto; 
    } 
} 

より多くの情報がhere