>  기사  >  웹 프론트엔드  >  JavaScript는 이미지 크기를 동적으로 변경합니다_javascript 기술

JavaScript는 이미지 크기를 동적으로 변경합니다_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:51:421132검색

최근에는 프로젝트 요구로 인해 이미지 구현 시 이미지가 100 X 100보다 큰 경우에는 100 X 100으로 축소하고, 이보다 작은 경우에는 원본 이미지 크기를 유지합니다. 조사 결과 Javascript 코드를 이용하여 쉽게 구현할 수 있는 것으로 밝혀졌다.
Javascript 코드:

코드 복사 코드는 다음과 같습니다.

함수 resizeImage(obj){if(obj.height>100)obj.height=100;if(obj.width>100)obj.width=100;

페이지 코드:


﹤img src="file :///E|/Pictures/22.jpg" width="385" height="350" onload="resizeImage(this)"﹥


IE6에서 테스트됨 , Firefox, Google Chrome 모두 정상적으로 작동합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.