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 相关文章推荐
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
js获取当前日期代码适用于网页头部
Jun 27 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
利用cookie记住背景颜色示例代码
Nov 04 Javascript
jquery使用jxl插件导出excel示例
Apr 14 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
js前端导出Excel的方法
Nov 01 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 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
phpmyadmin 访问被拒绝的真实原因
2009/06/15 PHP
PHP生成(支持多模板)二维码海报代码
2018/04/30 PHP
ExtJS 入门
2010/10/29 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
jquery.ui.draggable中文文档(原文翻译)
2013/11/15 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
2013/12/17 Javascript
一个JS函数搞定网页标题(title)闪动效果
2014/05/13 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
详解Vue.js中.native修饰符
2018/04/24 Javascript
angular 组件通信的几种实现方式
2018/07/13 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
在vue+element ui框架里实现lodash的debounce防抖
2019/11/13 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
利用Python实现命令行版的火车票查看器
2016/08/05 Python
Python脚本获取操作系统版本信息
2016/12/17 Python
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
Python线性回归实战分析
2018/02/01 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
Python实现链表反转的方法分析【迭代法与递归法】
2020/02/22 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
护士个人简历自荐信
2013/10/18 职场文书
大学生表扬信范文
2014/01/09 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
营销总经理岗位职责
2014/02/02 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
2014全国两会心得体会
2014/03/17 职场文书
高校教师岗位职责
2014/03/18 职场文书
2014年巴西世界杯口号
2014/06/05 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
2019个人工作计划书的格式及范文!
2019/07/04 职场文书
小学作文之描写天气
2019/08/15 职场文书