設定された最大幅と高さよりも大きい div コンテナーに合わせて inage を縮小しようとしています。画像の幅と高さを取得し、許可される最大サイズを設定する以下のコードがあります。
これは私の深さから外れているため、下にロードされる画像は 662x599 です。幅が許容最大値を超えているため、正しく縮小して div の中央に配置する必要があります。
var max_width = 713;
var max_height = 550;
var img = new Image();
img.onload = function() {
img.width = this.width;
img.height = this.height;
}
img.src = 'files.jpg';
以下は、画像のサイズを手動で変更する例です。これは、どのように見えるべきかの大まかな例を示すために見栄えがします。スタイル「上」と「左」を使用して、画像をdivの中央に配置するつもりです。
<img style="width: 613px; height: 550px; top: 0px; left: 50px;" src="files.jpg">
どんな助けでも大歓迎です。