javascript简单实现等比例缩小图片的方法


Posted in Javascript onJuly 27, 2016

本文实例讲述了javascript简单实现等比例缩小图片的方法。分享给大家供大家参考,具体如下:

//等比例缩小图片
function changeImg(obj,width,height) {
  var img = new Image();
  img.src = document.getElementById(obj.id).src
  var ys_w = img.width;
  var ys_h = img.height;
  if(ys_w > width || ys_h > height)
  {
    var scale;
    var scale1 = ys_w / width;
    var scale2 = ys_h / height;
    //alert(scale1+","+scale2);
    if(scale1 > scale2)
    {
      scale = scale1;
    }
    else
    {
      scale = scale2;
    }
    document.getElementById(obj.id).style.width = ys_w / scale;
    document.getElementById(obj.id).style.height = ys_h / scale;
  }
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
22点关于jquery性能优化的建议
May 28 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 Javascript
Node 模块原理与用法详解
May 13 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 #Javascript
Js删除数组中某一项或几项的几种方法(推荐)
Jul 27 #Javascript
javascript获取网页各种高宽及位置的方法总结
Jul 27 #Javascript
第一次接触神奇的Bootstrap表单
Jul 27 #Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 #Javascript
基于jQuery实现页面搜索功能
Mar 26 #Javascript
JS中的数组方法笔记整理
Jul 26 #Javascript
You might like
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
无数据库的详细域名查询程序PHP版(3)
2006/10/09 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
PHP设计模式(九)外观模式Facade实例详解【结构型】
2020/05/02 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
jQuery基于BootStrap样式实现无限极地区联动
2016/08/26 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
三步搞定:Vue.js调用Android原生操作
2020/09/07 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
Python+Dlib+Opencv实现人脸采集并表情判别功能的代码
2020/07/01 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
DNA测试:Orig3n
2019/03/01 全球购物
医学类个人求职信范文
2014/02/05 职场文书
出纳员的岗位职责
2014/02/22 职场文书
开学寄语大全
2014/04/08 职场文书
岗位工作说明书
2014/07/29 职场文书
消防演习感想
2015/08/10 职场文书
导游词之无锡梅园
2019/11/28 职场文书
何时使用Map来代替普通的JS对象
2021/04/29 Javascript