이미지 naturalWidth 속성
예시
이미지의 원래 너비를 반환합니다.
var x = document.getElementById("myImg").naturalWidth;
정의 및 사용
naturalWidth 속성은 이미지의 원래 너비를 반환합니다.
예를 들어 원래 너비가 100픽셀인 이미지가 있는 경우입니다. 그런 다음 CSS로 이미지 스타일을 지정하거나 HTML "width" 속성을 사용하여 너비를 500픽셀로 만듭니다. naturalWidth 속성은 "100"을 반환하지만 width 속성은 500을 반환합니다.
팁: naturalHeight 속성을 사용하여 이미지의 원래 높이를 반환하거나 height 속성을 사용하여 이미지의 height 속성 값을 설정하거나 반환합니다.
참고: 이 속성은 읽기 전용입니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
통사론
imageObject.naturalWidth
기술적 세부 사항
반환 값: | 이미지의 원래 너비를 픽셀 단위로 나타내는 숫자 |
---|
더 많은 예
예시
naturalWidth 속성과 width 속성의 차이점:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮ 이미지 개체