자바 스크립트에서 이미지의 높이를 얻으려면

이 이미지는 <img style="border-bottom-right-radius:0px;" id="cover_image" src="Daft+Punk+Tron+Legacy.jpg" alt="cover" width="851" />입니다. 이미지 너비를 설정하고 사진에서 가로 세로 비율을 자동으로 유지하고 너비를 851과 높이로 특정 값으로 조정하면 캡처하려고합니다. 이자바 스크립트에서 이미지의 높이를 얻으려면

을 작동하지 않습니다 높이 자바 스크립트로 값하지만 지금까지 나는이 시도 : 나는 시도

$(document).ready(function() { 
    alert($("#cover_image").height()); 
});

$(document).ready(function() { 
     alert($("#cover_image").width()); 
    });

작동하고 85를 보여줍니다 1은 너비의 정확한 값이지만 높이를 사용하면 0을 반환합니다. 올바른 방향으로 나를 가리켜 주시겠습니까? 이미지

출처

2013-06-27 southpaw93

URL 아래를 참조하시기 바랍니다 http://stackoverflow.com/questions/623172/how-to-get-image-size-height-width-using-javascript – Manish

@Mac 그것은 고도가 아니라'height()'입니다. 계산 된 값을 의미합니다 : http://api.jquery.com/height/ –

나는 당신의 요점을 얻지 못했습니다. 마침내 뭘하고 싶니? – Manish

사용 onload 이벤트 :

$("#cover_image").on('load',function(){ 
    if(this.complete) alert($(this).height()); 
});

출처

2013-06-27 11:07:24

당신은 자바 스크립트의 마스터, 정말 고마워요 :) – southpaw93

아니, 난 자바 스크립트의 마스터 아니에요 :) 다행! –

clientWidth와 clientHeight는 DOM 요소 (배제 한계와 경계)의 내측 치수의 현재의 브라우저 크기를 표시 DOM 속성이다. 따라서 IMG 요소의 경우 가시적 인 이미지의 실제 크기를 가져옵니다.

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG 
var width = img.clientWidth; 
var height = img.clientHeight;

감사 AB

출처

2013-06-27 11:09:11

자바 스크립트에서 이미지의 높이를 얻으려면

답변

관련 문제