>웹 프론트엔드 >JS 튜토리얼 >js 제어 이미지 크기 핵심 설명_javascript 기술

js 제어 이미지 크기 핵심 설명_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:20:46904검색

缩放图文脚本分享

复主代码 代码如下:



<머리>
<제목> 새 문서





<스크립트>

function AutoResizeImage(maxWidth,maxHeight){
var objImg = document.getElementById("operImg");
var img = 새 이미지();
img.src = objImg.src;
var hRatio;
var wRatio;
var 비율 = 1;
var w = img.width;
var h = img.height;
wRatio = 최대 너비 / w;
hRatio = 최대 높이 / h;
if (maxWidth ==0 && maxHeight==0){
비율 = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 || hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * 비율;
h = h * 비율;
}
objImg.height = h;
objImg.width = w;
}




<본문>

534 X 800









중요 js:
复代码 代码如下:

function AutoResizeImage(maxWidth,maxHeight){
var objImg = document.getElementById("operImg");
var img = 새 이미지();
img.src = objImg.src;
var hRatio;
var wRatio;
var 비율 = 1;
var w = img.width;
var h = img.height;
wRatio = 최대 너비 / w;
hRatio = 최대 높이 / h;
if (maxWidth ==0 && maxHeight==0){
비율 = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatioRatio = (wRatio}
if (Ratio<1){
w = w * 비율;
h = h * 비율;
}
objImg.height = h;
objImg.width = w;
}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.