Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js等比例缩放图片示例

js等比例缩放图片示例

发布时间:2015-07-05   编辑:www.jquerycn.cn
本文介绍了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"/>

您可能感兴趣的文章:
js 实现图片等比例缩放实例
等比例缩小图片尺寸的js代码
js等比例缩放图片示例
js等比例缩放图片的实现方法
js等比例缩小图片尺寸的例子
php按比例计算图片大小的代码
js结合css实现图片自动等比例缩小且垂直居中的代码
php等比例缩放图片的工具SimpleImage实例学习
js动态获取图片width与height 等比例缩放的代码
图片等比例缩放的js代码

关键词: 等比例缩放  等比例缩放图片   
[关闭]