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 相关文章推荐
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
Jun 09 Javascript
jQuery实现跨域
Feb 03 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
Vue底层实现原理总结
Feb 17 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
Vue scoped及deep使用方法解析
Aug 01 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
使用eAccelerator加密PHP程序
2008/10/03 PHP
php 魔术方法使用说明
2009/10/20 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
php自动加载机制的深入分析
2013/06/08 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
js中prototype用法详细介绍
2013/11/14 Javascript
Jquery中"$(document).ready(function(){ })"函数的使用详解
2013/12/30 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
Windows系统中安装nodejs图文教程
2015/02/28 NodeJs
概述jQuery的元素筛选
2016/11/23 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
详解vue组件之间的通信
2020/08/30 Javascript
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
浅谈django model postgres的json字段编码问题
2018/01/05 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
python 爬取马蜂窝景点翻页文字评论的实现
2020/01/20 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
会计毕业生求职简历的自我评价
2013/10/20 职场文书
会计岗位描述
2014/02/22 职场文书
《大禹治水》教学反思
2014/04/27 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
党委领导班子整改方案
2014/09/30 职场文书
开网店计划分析
2019/07/30 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
Python+Tkinter制作专属图形化界面
2022/04/01 Python