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 25 Javascript
js函数setTimeout延迟执行的简单介绍
Jul 17 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 Javascript
Prototype框架详解
Nov 25 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
Jul 24 Javascript
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 Javascript
jquery实现有过渡效果的tab切换
Jul 17 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 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
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
Yii框架安装简明教程
2020/05/15 PHP
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
理解Javascript闭包
2013/11/01 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
javascript读写json示例
2014/04/11 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
详解node服务器中打开html文件的两种方法
2017/09/18 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
vue中的面包屑导航组件实例代码
2019/07/01 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
pytyon 带有重复的全排列
2013/08/13 Python
python Django模板的使用方法(图文)
2013/11/04 Python
Python的Bottle框架中实现最基本的get和post的方法的教程
2015/04/30 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
Python unittest 简单实现参数化的方法
2018/11/30 Python
使用python将多个excel文件合并到同一个文件的方法
2019/07/09 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
python 如何快速复制序列
2020/09/07 Python
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
董事长职责范文
2013/11/08 职场文书
销售辞职报告范文
2014/01/12 职场文书
年度考核自我鉴定
2014/03/19 职场文书
基层党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
少先队工作总结2015
2015/05/13 职场文书
利用python做数据拟合详情
2021/11/17 Python