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 document.referrer 用法
Apr 30 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
JS.getTextContent(element,preformatted)使用介绍
Sep 21 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
Bootstrap CSS组件之导航(nav)
Dec 17 Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
React组件生命周期详解
Jul 03 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 Javascript
js中!和!!的区别与用法
May 09 Javascript
基于JavaScript实现省市联动效果
Jun 22 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
实时抓取YAHOO股票报价的代码
2006/10/09 PHP
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
jQuery实现的立体文字渐变效果
2010/05/17 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
Nodejs实现多人同时在线移动鼠标的小游戏分享
2014/12/06 NodeJs
director.js实现前端路由使用实例
2015/02/03 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
跟我学习javascript的定时器
2015/11/19 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
轮播图组件js代码
2016/08/08 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
2017/05/12 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python中的exec、eval使用实例
2014/09/23 Python
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
教你用Type Hint提高Python程序开发效率
2016/08/08 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
Django Admin后台模型列表页面如何添加自定义操作按钮
2020/11/11 Python
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
设备售后服务承诺书
2014/05/30 职场文书
2014年信用社工作总结
2014/11/25 职场文书
2015年小学体育工作总结
2015/05/22 职场文书
新闻通讯稿模板
2015/07/22 职场文书
用JS写一个发布订阅模式
2021/11/07 Javascript