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 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
关于JavaScript命名空间的一些心得
Jun 07 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
Vue.Draggable实现拖拽效果
Jul 29 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
Jun 05 Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 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
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
php输出xml属性的方法
2015/03/19 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
自己封装的javascript事件队列函数版
2014/06/12 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
vue使用中的内存泄漏【推荐】
2018/07/10 Javascript
微信小程序按钮去除边框线分享页面功能
2018/08/27 Javascript
小程序实现投票进度条
2019/11/20 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
使用python实现rsa算法代码
2016/02/17 Python
Python模拟用户登录验证
2017/09/11 Python
python实现浪漫的烟花秀
2019/01/30 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
Python restful框架接口开发实现
2020/04/13 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
护士自我鉴定
2013/10/23 职场文书
火车的故事教学反思
2014/02/11 职场文书
幼儿教师工作感言
2014/02/14 职场文书
白岩松演讲
2014/05/21 职场文书
签约仪式策划方案
2014/06/02 职场文书
运动会主持人开幕词
2016/03/04 职场文书
浅谈Python基础之列表那些事儿
2021/05/11 Python
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
Python绘画好看的星空图
2022/03/17 Python