上传图片长宽等比例缩小，在特定区域内原图保持不变代码,Asp.Net代码库,德仔网

代码语言

代码分类

【Asp.Net】上传图片长宽等比例缩小，在特定区域内原图保持不变

作者:Dezai.CN / 发布于2012/7/18/ 374

上传图片长宽等比例缩小，在特定区域内原图保持不变

<div>
<strong><font size="4">一，显示页面</font></strong>
<img src="<%#Eval("Picture") %>"  onload="javascript:imgFit(this,120,120)" />
二，<strong><font size="4">js</font></strong>
function imgFit(imageArr,width,height)
{
sWidth=imageArr.offsetWidth;
sHeight=imageArr.offsetHeight;
imageRate1=parseInt(imageArr.offsetWidth)/width;
imageRate2=parseInt(imageArr.offsetHeight)/height;
if(sWidth>width ||  sHeight>height)
{
if(imageRate2>imageRate1)
{
imageArr.style.height = sHeight/imageRate2+"px";
imageArr.style.marginRight = imageArr.style.marginLeft =  (width-sWidth/imageRate2)/2+"px";
}
else
{
imageArr.style.width = sWidth/imageRate1 +"px";
imageArr.style.marginBottom = imageArr.style.marginTop =  (height-sHeight/imageRate1)/2+"px";
}
}
else
{
imageArr.style.marginRight = imageArr.style.marginLeft =  (width-sWidth)/2+"px";
imageArr.style.marginBottom =  imageArr.style.marginTop = (height-sHeight)/2+"px";
}
}
</div>

试试其它关键字

　特定区域内　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)