JavaScript限定图片显示大小的方法


Posted in Javascript onMarch 11, 2015

本文实例讲述了JavaScript限定图片显示大小的方法。分享给大家供大家参考。具体实现方法如下:

/**
 * 限制图片显示的size.
 * 
 * @param thisobj 图片组件
 * @param limitW 限制宽度大小
 * @param limitH 限制高度大小
 */
function imageResize(thisobj, limitW, limitH) {
  var newW;
  var newH;
  if (thisobj.width > limitW) {
    newW = limitW;
    newH = parseInt(thisobj.height * newW / thisobj.width);
 // 按宽度比例缩放
    if (newH > limitH) {
      newH = limitH;
      newW = parseInt(thisobj.width * newH / thisobj.height);
    }
    thisobj.width = newW;
    thisobj.height = newH;
  } else if (thisobj.height > limitH) {
    newH = limitH;
    newW = parseInt(thisobj.width * newH / thisobj.height);
    thisobj.width = newW;
    thisobj.height = newH;
  }
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
获取表单控件原始(初始)值的方法
Aug 21 Javascript
Javascript中call的两种用法实例
Dec 13 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
Js中async/await的执行顺序详解
Sep 22 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
使用vue开发移动端管理后台的注意事项
Mar 07 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
iScroll中事件点击触发两次解决方案
Mar 11 #Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 #Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 #Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 #Javascript
javascript与css3动画结合使用小结
Mar 11 #Javascript
jquery实现textarea 高度自适应
Mar 11 #Javascript
jQuery简单实现禁用右键菜单
Mar 10 #Javascript
You might like
PHP实现异步调用方法研究与分享
2011/10/27 PHP
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
JS的反射问题
2010/04/07 Javascript
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
JavaScript实现页面定时刷新(定时器,meta)
2016/10/12 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
微信小程序实现轨迹回放的示例代码
2019/12/13 Javascript
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
详解Python中用于计算指数的exp()方法
2015/05/14 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
基于python实现雪花算法过程详解
2019/11/16 Python
Python如何读取文件中图片格式
2020/01/13 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
Django REST framwork的权限验证实例
2020/04/02 Python
希腊香水和化妆品购物网站:Parfimo.gr
2019/10/03 全球购物
幼教毕业生自我鉴定
2014/01/12 职场文书
创业计划书撰写原则
2014/01/25 职场文书
法制宣传实施方案
2014/03/13 职场文书
小学班主任培训方案
2014/06/04 职场文书
农村党支部书记四风问题个人对照检查材料
2014/09/21 职场文书
单位工作证明格式模板
2014/10/04 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
初三英语教学反思
2016/02/15 职场文书
入党申请书怎么写?
2019/06/21 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
面试官问我Mysql的存储引擎了解多少
2022/08/05 MySQL