按比例缩放图片的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>
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>
相关文章推荐
- JS实现按比例缩放图片的方法(附C#版代码)
- 关于图片按比例自适应缩放的js代码
- JS控制图片等比例缩放的示例代码
- js 图片等比例缩放代码
- JS控制图片等比例缩放的示例代码
- js 图片缩放(按比例)控制代码
- JS实现按比例缩放图片的方法(附C#版代码)
- js 图片等比例缩放代码
- JS实现按比例缩放图片的方法(附C#版代码)
- js 图片缩放(按比例)控制代码
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- js实现兼容IE、Firefox的图片缩放代码
- js控制图片等比例缩放
- JavaScript实现网页图片等比例缩放实现代码及调用方式
- js按比例缩放图片
- 找了段滚轮缩放图片的JS代码
- PHP 等比例缩放图片详解及实例代码
- js等比例缩放图片
- JS 等比例缩放图片