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 string 扩展库代码
Apr 09 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 Javascript
js中substring和substr的定义和用法
May 05 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
Jun 12 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 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中运用http调用的GET和POST方法示例
2014/09/29 PHP
php导出生成word的方法
2015/12/25 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
2012/05/23 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
2015/03/19 Javascript
jquery Validation表单验证使用详解
2020/09/12 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
webpack打包js文件及部署的实现方法
2017/12/18 Javascript
js自定义input文件上传样式
2018/10/26 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
JS中注入eval, Function等系统函数截获动态代码
2019/04/03 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
外企办公室竞聘演讲稿
2013/12/29 职场文书
青年教师典范事迹材料
2014/01/31 职场文书
平安校园建设方案
2014/05/02 职场文书
爱心捐款感谢信
2015/01/20 职场文书
个人培训总结
2015/03/05 职场文书
python实现简单的井字棋
2021/05/26 Python
python 经纬度求两点距离、三点面积操作
2021/06/03 Python