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 相关文章推荐
推荐20家国外的脚本下载网站
Apr 28 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
Jquery实现的角色左右选择特效
May 21 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
深入理解React高阶组件
Sep 28 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
JavaScript中构造函数与原型链之间的关系详解
Feb 25 Javascript
npm qs模块使用详解
Feb 07 Javascript
浅谈克隆 JavaScript
Nov 02 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性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
基于打包工具Webpack进行项目开发实例
2018/05/29 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
2019/09/23 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
一年级语文教学反思
2014/02/13 职场文书
从事会计工作年限证明
2015/06/23 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android
Ubuntu Server 安装Tomcat并配置systemctl
2022/04/28 Servers