按长宽比调整大小的图片(js)

 

调用函数如下：

 

1. //var flag=false;
2. function DrawImage(ImgD,ImgW,ImgH){
3.    var image=new Image();
4.    image.src=ImgD.src;
5.    if(image.width>0 && image.height>0){
6.     //flag=true;
7.     if(image.width/image.height>= ImgW/ImgH){
8.      if(image.width>ImgW){  
9.      ImgD.width=ImgW;
10.      ImgD.height=(image.height*ImgW)/image.width;
11.      }else{
12.      ImgD.width=image.width;  
13.      ImgD.height=image.height;
14.      }
15.      }
16.     else{
17.      if(image.height>ImgH){  
18.      ImgD.height=ImgH;
19.      ImgD.width=(image.width*ImgH)/image.height;     
20.      }else{
21.      ImgD.width=image.width;  
22.      ImgD.height=image.height;
23.      }
24.      }
25.     }
26. } 

在页面中使用以下方法调用

1. <img src="test.jpg"  οnlοad="DrawImage(this,200,150)">