您的位置:首页 > Web前端 > JavaScript

按比例缩放图片的js代码

2009-04-29 14:07 633 查看
 <script language="JavaScript" type="text/javascript"> 
  function DrawImage(ImgD,FitWidth,FitHeight){    
   var image=new Image();
   image.src=ImgD.src;   
   if(image.width>0 && image.height>0){    
    if(image.width/image.height>= FitWidth/FitHeight){       
     if(image.width>FitWidth){              
      ImgD.width=FitWidth;              
      ImgD.height=(image.height*FitWidth)/image.width;         
     }else{               
     ImgD.width=image.width;               
      ImgD.height=image.height;           
     }        
    } else{  
     if(image.height>FitHeight){      
     ImgD.height=FitHeight;               
     ImgD.width=(image.width*FitHeight)/image.height;   
     }else{              
     ImgD.width=image.width;              
     ImgD.height=image.height;          
     }        
   }     
   } 
  }
</script> 
按比例显示的调用:<img src="show_image.jsp?id=<%=request.getSession().getAttribute("id")%>" width="70px" height="70px" onload="javaScript:DrawImage(this,70,70);"><br>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript