JS動的負荷ピクチャー、画像の幅と高さとスケールを取ります

最近のプロジェクトで問題が発生しました: 

ドロップダウンボックスの後のページの印象マーキー取得座標に写真を撮るための背景を変更するのではなく、画像のどのくらいを知らない、それは幾何学的なズームする画像を取り戻すだろう。

質問です:私は最初に隠されたIMGがあり、その後、動的ラインのスケーリングに幅に非表示のimgの高さに取られる幅にこのIMG高さを表示するimgタグを生成戻って絵に取得し、srcが隠されIMGパスがあります今初めて、その後、どのように高い隠されたIMG幅値を取得することはできません。

まず:

var imgTd = $('#imgTd');
					imgTd.html('');
					$('#img1').attr('src', data.path);
					var img1 = document.getElementById('img1');
					var img = $('<img />', {'id': 'img2','width': (img1.width/2),'height': (img1.height/3),'src': (img1.src)});
					img.appendTo(imgTd);

このコードは、幅に対する高さ未満を取得し、常に最初IMG1を超えています。

第二:

var imgTd = $('#imgTd');
					imgTd.html('');
					var im = new Image();
					im.src = data.path;
				    $(im).load(function(){
				      	$('#img1').attr('src', data.path);
				    	var img = $('<img />', {'id': 'img2','width': (im.width/2),'height': (im.height/3),'src': (im.src)});
						img.appendTo(imgTd);
				    });

これは、最初のイメージがロードされた後に画像の縦横に取得することができます
公開された90元の記事 ウォン称賛21 ビュー470 000 +

おすすめ

転載: blog.csdn.net/yx13649017813/article/details/40978111