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 相关文章推荐
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
用js实现的页面关键字密度查询代码
Dec 27 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
JS对象与JSON格式数据相互转换
Feb 20 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
jQuery横向擦除焦点图特效代码分享
Sep 06 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 Javascript
Ant Design的Table组件去除
Oct 24 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使用ICQ网关发送手机短信
2013/10/30 PHP
PHP按行读取、处理较大CSV文件的代码实例
2014/04/09 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
PHP实现腾讯短网址生成api接口实例
2020/12/08 PHP
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
Node.js的npm包管理器基础使用教程
2016/05/26 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
基于node+vue实现简单的WebSocket聊天功能
2020/02/01 Javascript
Python中exit、return、sys.exit()等使用实例和区别
2015/05/28 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
Python异常处理操作实例详解
2018/08/28 Python
总结python中pass的作用
2019/02/27 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
中学教师培训制度
2014/01/31 职场文书
机关保密承诺书
2014/06/03 职场文书
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
学校2016年全国助残日活动总结
2016/04/01 职场文书
python数据分析之用sklearn预测糖尿病
2021/04/22 Python
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL
ObjectMapper 如何忽略字段大小写
2021/06/29 Java/Android