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 相关文章推荐
Jquery ajaxsubmit上传图片实现代码
Nov 04 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
Dec 06 Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
原生js实现弹窗消息动画
Nov 20 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
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
JavaScript DOM基础
2015/04/13 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
vue-cli配置文件——config篇
2018/01/04 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[51:14]LGD vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.21
2018/08/22 DOTA
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
python自动化生成IOS的图标
2018/11/13 Python
python读取几个G的csv文件方法
2019/01/07 Python
python numpy 按行归一化的实例
2019/01/21 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
Python 的AES加密与解密实现
2019/07/09 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
基于Python解密仿射密码
2019/10/21 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
python语言中有算法吗
2020/06/16 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
python 下载文件的多种方法汇总
2020/11/17 Python
高山背包:High Sierra
2017/11/23 全球购物
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
护理专业的自荐信
2013/10/22 职场文书
入党积极分子评语
2014/05/04 职场文书
教师考察材料范文
2014/06/03 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
股东合作协议书模板2篇
2019/11/05 职场文书