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 相关文章推荐
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
jquery 操作css样式、位置、尺寸方法汇总
Nov 28 Javascript
JavaScript知识点整理
Dec 09 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
使用javascript做在线算法编程
May 25 Javascript
JS实现的自定义map方法示例
May 17 Javascript
VUE脚手架具体使用方法
May 20 Javascript
JavaScript原生数组函数实例汇总
Oct 14 Javascript
如何利用js在两个html窗口间通信
Apr 27 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实现网上点歌(二)
2006/10/09 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
php图像处理类实例
2015/07/28 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
PHP中each与list用法分析
2016/01/08 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
jQuery事件处理的特征(事件命名机制)
2016/08/23 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
JS字符串和数组如何实现相互转化
2020/07/02 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
python基础教程之常用运算符
2014/08/29 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
详解Python time库的使用
2019/10/10 Python
Python for i in range ()用法详解
2020/09/18 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
质量主管工作职责
2014/09/26 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
乔迁之喜答谢词
2015/01/05 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
php引用传递
2021/04/01 PHP