javascript实现获取图片大小及图片等比缩放的方法


Posted in Javascript onNovember 24, 2016

本文实例讲述了javascript实现获取图片大小及图片等比缩放的方法。分享给大家供大家参考,具体如下:

获取图片大小:

var originImage = new Image();
function GetImageWidth(oImage) {
  if (originImage.src != oImage.src) originImage.src = oImage.src;
  return originImage.width;
}
function GetImageHeight(oImage) {
  if (originImage.src != oImage.src) originImage.src = oImage.src;
  return originImage.height;
}

图片等比缩放:

function SetImage(ImgD, FitWidth, FitHeight) {
  var image = new Image();
  image.src = ImgD.src;
  if (image.width > 0 && image.height > 0) {
    if (image.width / image.height >= FitWidth / FitHeight) {
      if (image.width > FitWidth) {
        ImgD.width = FitWidth;
        ImgD.height = (image.height * FitWidth) / image.width;
      } else {
        ImgD.width = image.width;
        ImgD.height = image.height;
      }
    } else {
      if (image.height > FitHeight) {
        ImgD.height = FitHeight;
        ImgD.width = (image.width * FitHeight) / image.height;
      } else {
        ImgD.width = image.width;
        ImgD.height = image.height;
      }
    }
  }
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
推荐40个简单的 jQuery 导航插件和教程(下篇)
Sep 14 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
JavaScript中用getDate()方法返回指定日期的教程
Jun 09 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
深究AngularJS中ng-drag、ng-drop的用法
Jun 12 Javascript
JS中的BOM应用
Feb 02 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
layui按条件隐藏表格列的实例
Sep 19 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
JS实现音乐导航特效
Jan 06 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 #Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 #Javascript
BootStrap树状图显示功能
Nov 24 #Javascript
Bootstrop实现多级下拉菜单功能
Nov 24 #Javascript
AngularJS自定义服务与fliter的混合使用
Nov 24 #Javascript
微信小程序-详解数据缓存
Nov 24 #Javascript
如何实现json数据可视化详解
Nov 24 #Javascript
You might like
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
Javascript 面向对象(二)封装代码
2012/05/23 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
2014/04/08 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
javascript制作坦克大战全纪录(2)
2014/11/27 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
常用jQuery代码分享
2015/07/14 Javascript
javascript生成随机数方法汇总
2015/11/12 Javascript
js实现图片360度旋转
2017/01/22 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
微信小程序与后台PHP交互的方法实例分析
2018/12/10 Javascript
详解Python中for循环的使用方法
2015/05/14 Python
python简单实现基于SSL的IRC bot实例
2015/06/15 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
用Python实现读写锁的示例代码
2018/11/05 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Python ArgumentParse的subparser用法说明
2020/04/20 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
Python页面加载的等待方式总结
2021/02/28 Python
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
毕业生就业自荐书
2013/12/15 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
党的生日活动方案
2014/08/15 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
投资入股合作协议书
2014/10/28 职场文书
新郎婚礼致辞
2015/07/27 职场文书