js等比例缩放图片示例

发布时间:2020-11-04编辑:脚本学堂
本文介绍了js等比例缩放图片的简单方法,有关js等比例缩放的实例代码,有需要的朋友参考下。

用js实现图片等比例缩放:
 

复制代码 代码示例:

<script type="text/javascript">

function rs(el){
//首先判断图片是长的还是宽的。如果是长的就对宽进行变形,否先对高进行变形
    (el.width>el.height)?el.width = Math.min(65,el.width):el.height = Math.min(65,el.height);
}
</script>
<!-- 当图片加载完成后调用函数,记得下面不要限制住长和宽 -->
<img onload="rs(this)" src="test.jpg"/>