JS控制图片等比例缩放的示例代码


Posted in Javascript onDecember 24, 2013
<SCRIPT language="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>

调用方法:
<a href="admin/<? echo $rscase['path']?>" target="_blank"><img src="admin/<? echo $rscase['path']?>" alt="点击放大图片" width="180" height="180" onload='javascript:DrawImage(this,180,);' hspace="3" vspace="3" border="0" /></a>
Javascript 相关文章推荐
javascript replace方法与正则表达式
Feb 19 Javascript
jQuery 1.3 和 Validation 验证插件1.5.1
Jul 09 Javascript
jquery如何实现锚点链接之间的平滑滚动
Dec 02 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
JS Object构造函数之Object.freeze
Apr 28 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 #Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 #Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
Dec 24 #Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
Dec 24 #Javascript
JS刷新当前页面的几种方法总结
Dec 24 #Javascript
js中indexof的用法详细解析
Dec 24 #Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 #Javascript
You might like
新手配置 PHP 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
js活用事件触发对象动作
2008/08/10 Javascript
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
JavaScript中的作用域链和闭包
2012/06/30 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
初探nodeJS
2017/01/24 NodeJs
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
vue 获取元素额外生成的data-v-xxx操作
2020/09/09 Javascript
[01:44]Ti10举办地公布
2019/08/25 DOTA
详解python3中tkinter知识点
2018/06/21 Python
在Python中关于使用os模块遍历目录的实现方法
2019/01/03 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
python logging模块的使用详解
2020/10/23 Python
微软中国官方旗舰店:销售Surface、Xbox One、笔记本电脑、Office
2018/07/23 全球购物
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
大课间活动实施方案
2014/03/06 职场文书
个人作风建设心得体会
2014/10/22 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL