`
weiweichen1985
  • 浏览: 137689 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

控制图片大小

阅读更多
/*
    控制图片大小
	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;  
     }  
     }  
    }  
   }   
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics