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类型转换方法及需要注意的问题小结(挺全面)
Nov 11 Javascript
JS实现日期加减的方法
Nov 29 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
vue实现nav导航栏的方法
Dec 13 Javascript
JS中的JSON对象的定义和取值实现代码
May 09 Javascript
Node.js Buffer用法解读
May 18 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
vue setInterval 定时器失效的解决方式
Jul 30 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 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实现ping
2006/10/09 PHP
apache rewrite_module模块使用教程
2008/01/10 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
javascript 流畅动画实现原理
2009/09/08 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
JavaScript表单即时验证 验证不成功不能提交
2017/08/31 Javascript
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
jquery一键控制checkbox全选、反选或全不选
2017/10/16 jQuery
Vue-cli Eslint在vscode里代码自动格式化的方法
2018/02/23 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
求职自荐信范文格式
2013/11/29 职场文书
大学毕业感言
2014/01/10 职场文书
安全资金保障制度
2014/01/23 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
2015年敬老院工作总结
2015/05/18 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技