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 相关文章推荐
js 强制弹出窗口代码研究-又一款代码
Mar 20 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
Dec 27 Javascript
uploadify 3.0 详细使用说明
Jun 18 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
vue通过指令(directives)实现点击空白处收起下拉框
Dec 06 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 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
FCKeditor的安装(PHP)
2007/01/13 PHP
php中文本操作的类
2007/03/17 PHP
swfupload 多文件上传实现代码
2008/08/27 PHP
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
php Smarty初体验二 获取配置信息
2011/08/08 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
ES6扩展运算符用法实例分析
2017/10/31 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
python实现ip代理池功能示例
2019/07/05 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
美国钻石商店:Zales
2016/11/20 全球购物
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
应用化学专业本科生求职信
2013/09/29 职场文书
厕所文明标语
2014/06/11 职场文书
会计专业应届生自荐信
2014/06/28 职场文书
个人债务授权委托书
2014/10/17 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
MySQL慢查询的坑
2021/04/28 MySQL
golang 如何用反射reflect操作结构体
2021/04/28 Golang
什么是SOLID
2022/03/24 Javascript