`
sonyfe25cp
  • 浏览: 204906 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用js调整页面显示图片的大小

阅读更多
用途:调整图片显示时候的大小。

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;
					}
				}
			}
	}

调用如下:
<img src="1148202890.jpg" alt="自动缩放后的效果" onload="javascript:DrawImage(this,200,200);" />

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics