weiweichen1985

永久域名 http://weiweichen1985.javaeye.com

2007-10-26

控制图片大小

关键字: 控制图片大小

/*
    控制图片大小
	ImgD:类型为img的input元素对象，一般传入this即可
	maxwidth:待显示的图片的最大宽度
	maxheight:待显示的图片的最大高度
	调用示例:
	<input type="img" onload="DrawImage(this,80,80)"/>
*/
var flag=false;
function DrawImage(ImgD,maxwidth,maxheight){  
   var image=new Image(); 
   image.src=ImgD.src;  
   if(image.width>0 && image.height>0){  
    flag=true;  
    if(image.width/image.height>=maxwidth/maxheight){  
     if(image.width>maxwidth){    
     ImgD.width=maxwidth;  
     ImgD.height=(image.height*maxwidth)/image.width;  
     }else{  
     ImgD.width=image.width;    
     ImgD.height=image.height;  
     }  
     }  
    else{  
     if(image.height>maxheight){    
     ImgD.height=maxheight;  
     ImgD.width=(image.width*maxheight)/image.height;       
     }else{  
     ImgD.width=image.width;    
     ImgD.height=image.height;  
     }  
     }  
    }  
   }