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 相关文章推荐
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
js弹出层永远居中实现思路及代码
Nov 29 Javascript
javascript简单性能问题及学习笔记
Feb 04 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
js从外部获取图片的实现方法
Aug 05 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
使用bootstrap实现下拉框搜索功能的实例讲解
Aug 10 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
JavaScript实现更换背景图片
Oct 18 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
vue-socket.io接收不到数据问题的解决方法
May 13 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
解析CodeIgniter自定义配置文件
2013/06/18 PHP
YII框架关联查询操作示例
2019/04/29 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
2012/01/15 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
2016/09/03 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
2016/10/13 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
原生JS轮播图插件
2017/02/09 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局
2016/02/27 DOTA
python dict.get()和dict['key']的区别详解
2016/06/30 Python
Python中functools模块的常用函数解析
2016/06/30 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
python 使用socket传输图片视频等文件的实现方式
2019/08/07 Python
python字典与json转换的方法总结
2020/12/28 Python
Python图像处理之膨胀与腐蚀的操作
2021/02/07 Python
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
Python面试题集
2012/03/08 面试题
优秀企业获奖感言
2014/02/01 职场文书
党员承诺书格式
2014/05/21 职场文书
财会专业毕业生自荐信
2014/07/09 职场文书
向国旗敬礼学生寄语大全
2014/09/30 职场文书
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android