JS等比例缩放图片函数

网站上传图片尺寸不等,导致图片变形等问题是所有做网站的人都遇到过的问题,编程之家今天跟大家分享一个超简单的等比例缩放图片JS函数。

JS等比例缩放图片函数

<SCRIPT LANGUAGE="JavaScript">

<!--

function DownImage(ImgD,MaxWidth,MaxHeight){

var image=new Image();

image.src=ImgD.src;

if(image.width>0 && image.height>0){

var rate = (MaxWidth/image.width < MaxHeight/image.height)?MaxWidth/image.width:MaxHeight/image.height;

if(rate <= 1){

ImgD.width = image.width*rate;

ImgD.height =image.height*rate;

}

}

}

//-->

</SCRIPT>

调用方法:<img src="1.jpg" border="0"  id="img" onload="DownImage(this,130,130);"/>

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小