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 相关文章推荐
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
jQuery插件datatables使用教程
Apr 21 Javascript
浅析location.href跨窗口调用函数
Nov 22 Javascript
详解Python中logging日志模块在多进程环境下的使用
Dec 26 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 Javascript
JavaScript的继承实现小结
May 07 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
JS实现打字游戏
Dec 17 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 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
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
PHP常见加密函数用法示例【crypt与md5】
2019/01/27 PHP
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
javascript中的关于类型转换的性能优化
2010/12/14 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
2014/01/02 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
浅谈sass在vue注意的地方
2017/08/10 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
python实现Adapter模式实例代码
2018/02/09 Python
Python常见数据类型转换操作示例
2019/05/08 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
Python的pygame安装教程详解
2020/02/10 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
深入了解Python enumerate和zip
2020/07/16 Python
Python加速程序运行的方法
2020/07/29 Python
Python 实现集合Set的示例
2020/12/21 Python
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
抽象方法、抽象类怎样声明
2014/10/25 面试题
UML设计模式笔试题
2014/06/07 面试题
Java编程面试题
2016/04/04 面试题
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
统计员岗位职责
2013/11/14 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
2014年化验室工作总结
2014/11/21 职场文书
初中学生操行评语
2014/12/26 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书