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 相关文章推荐
激活 ActiveX 控件
Oct 09 Javascript
js Flash插入函数免激活代码
Mar 31 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
Oct 25 Javascript
Angular2之二级路由详解
Aug 31 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
package.json中homepage属性的作用详解
Mar 11 Javascript
40行代码把Vue3的响应式集成进React做状态管理
May 20 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
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
Jquery cookie操作代码
2010/03/14 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
javascript insertAfter()定义与用法示例
2016/07/25 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
nodejs爬虫遇到的乱码问题汇总
2017/04/07 NodeJs
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
微信小程序pinker组件使用实现自动相减日期
2020/05/07 Javascript
Python中使用partial改变方法默认参数实例
2015/04/28 Python
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
Python模拟登录验证码(代码简单)
2016/02/06 Python
python实现红包裂变算法
2016/02/16 Python
使用python存储网页上的图片实例
2018/05/22 Python
matplotlib调整子图间距,调整整体空白的方法
2018/08/03 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
python实现按日期归档文件
2021/01/30 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
经济信息管理专业大学生求职信
2013/09/27 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
话题作文之呼唤
2019/12/18 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书