이 기사에서는 JS 이미지의 동일한 규모 스케일링 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! doctype html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <head> <meta http-equiv = "content-type"content = "text/html; charset = gb2312"/> <title> JavaScript </title </title </title </title> compresses 사진을 자동으로 표시합니다. type = "text / javaScript"> function autoresizeImage (maxwidth, maxheight, objimg) {var img = new image (); img.src = objimg.src; var hratio; var wratio; var ratio = 1; var w = img.width; var h = img.height; wratio = wratio = wratio = wratio = wratio = wratio = wratio = /h; if (maxWidth == 0 && maxHeight == 0) {ratio = 1;} else if (maxWidth == 0) {// if (hratio <1) 비율 = hratio;} else if (maxHeight == 0) {if (wratio <1) ratio; (wratio <= hratio? wratio : hratio);} if (ratio <1) {w = w * 비율; h = h * 비율;} objimg.height = h; objimg.width = w;} </script> </head> <bod> <brod/> <img src = "1.jpg" onload = "autoresizeImage (100,0, this)" /> 너비 : 100px <br /> <br /> <img src = "1.jpg"onload = "autoresizeimage (0,100, this)" /> 높이 : 100px <br /<br /> <img src = "1.jpg"olodize (100,100) " /> 너비 : 100px 높이 : 100px <br /> <br /> <br /> <br /> <br /> <br /> <br /> < /body> < /html>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.