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 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
JavaScript判断IE版本型号
Jul 27 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
详解javascript函数写法大全
Mar 25 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
原生js实现表格循环滚动
Nov 24 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调用Twitter的RSS的实现代码
2010/03/10 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
php json转换成数组形式代码分享
2014/11/10 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
PHP读取Excel类文件
2017/05/15 PHP
php变量与JS变量实现不通过跳转直接交互的方法
2017/08/25 PHP
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
vue 实现特定条件下绑定事件
2019/11/09 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
js实现左右轮播图
2020/01/09 Javascript
vue数据响应式原理知识点总结
2020/02/16 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
Python实现各种排序算法的代码示例总结
2015/12/11 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
在scrapy中使用phantomJS实现异步爬取的方法
2018/12/17 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
python getpass实现密文实例详解
2019/09/24 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
个人简历自我评价
2014/01/06 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
知识竞赛主持词
2014/03/26 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
2015年端午节活动方案
2015/05/05 职场文书
缅怀先烈主题班会
2015/08/14 职场文书
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
golang三种设计模式之简单工厂、方法工厂和抽象工厂
2022/04/10 Golang