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全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
js 轮播效果实例分享
Dec 28 Javascript
微信小程序 传值取值的几种方法总结
Jan 16 Javascript
数组Array的一些方法(总结)
Feb 17 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
Webpack devServer中的 proxy 实现跨域的解决
Jun 15 Javascript
Vue 表情包输入组件的实现代码
Jan 21 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实现模拟post请求用法实例
2015/07/11 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
javascript使用数组的push方法完成快速排序
2014/09/15 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
jquery使用remove()方法删除指定class子元素
2015/03/26 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
2016/11/11 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
jquery一键控制checkbox全选、反选或全不选
2017/10/16 jQuery
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
详解Vue.js中引入图片路径的几种方式
2019/06/17 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
详解vue路由
2020/08/05 Javascript
Python开发SQLite3数据库相关操作详解【连接,查询,插入,更新,删除,关闭等】
2017/07/27 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
金融专业个人的自我评价
2013/10/18 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
元宵晚会主持词
2014/03/25 职场文书
疾病捐款倡议书
2014/05/13 职场文书
设计师求职信
2014/07/01 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
离职证明格式样本
2015/06/12 职场文书
幼儿园教师教学反思
2016/03/02 职场文书
python接口测试返回数据为字典取值方式
2022/02/12 Python
以下牛机,你有几个
2022/04/05 无线电
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技