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 相关文章推荐
关于js注册事件的常用方法
Apr 03 Javascript
浅析Node.js中的内存泄漏问题
Jun 23 Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
Aug 04 Javascript
JS输出空格的简单实现方法
Sep 08 Javascript
jQuery 判断元素整理汇总
Feb 28 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
如何在postman中添加cookie信息步骤解析
Jun 30 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中的静态变量及static静态变量使用详解
2015/11/05 PHP
Laravel中validation验证 返回中文提示 全局设置的方法
2019/09/29 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
浅谈JS继承_借用构造函数 & 组合式继承
2016/08/16 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
canvas滤镜效果实现代码
2017/02/06 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python 确定多项式拟合/回归的阶数实例
2018/12/29 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
Python版中国省市经纬度
2020/02/11 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
联片教研活动总结
2014/07/01 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
大学生操行评语大全
2014/12/31 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
接收函
2019/04/22 职场文书
学习心得体会
2019/06/20 职场文书
python 中yaml文件用法大全
2021/07/04 Python
MySQL学习之基础操作总结
2022/03/19 MySQL
使用Bandicam录制鼠标指针并附带点击声音,还可以添加点击动画效果
2022/04/11 数码科技
tomcat下部署jenkins的方法
2022/05/06 Servers
SQL Server #{}可以防止SQL注入
2022/05/11 SQL Server
Python 中面向接口编程
2022/05/20 Python