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 相关文章推荐
JavaScript 事件参考手册
Dec 24 Javascript
jQuery中Dom的基本操作小结
Jan 23 Javascript
form.submit()不能提交表单的原因分析
Oct 23 Javascript
jquery中append()与appendto()用法分析
Nov 14 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
Js制作点击输入框时默认文字消失的效果
Sep 05 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
Angular的事件和表单详解
Dec 26 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
Mar 23 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
js/jQuery实现全选效果
Jun 17 jQuery
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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
php缓冲输出实例分析
2015/01/05 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
Yii中创建自己的Widget实例
2016/01/05 PHP
JavaScript游戏之优化篇
2010/11/08 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
2015/12/15 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
python中的多线程实例教程
2014/08/27 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python添加菜单图文讲解
2019/06/04 Python
利用ImageAI库只需几行python代码实现目标检测
2019/08/09 Python
python实现图片上添加图片
2019/11/26 Python
Python txt文件常用读写操作代码实例
2020/08/03 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
中学生打架检讨书
2014/02/10 职场文书
自我检讨书范文
2015/01/28 职场文书
Python办公自动化之Excel(中)
2021/05/24 Python