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 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
JavaScript 数组详解
Oct 10 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
JavaScript判断表单为空及获取焦点的方法
Feb 12 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
javascript将json格式数组下载为excel表格的方法
Dec 22 Javascript
js实现动态增加文件域表单功能
Oct 22 Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 Javascript
小程序实现订单倒计时功能
Apr 23 Javascript
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
原生JS实现记忆翻牌游戏
Jul 31 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
简单实用的PHP防注入类实例
2014/12/05 PHP
php自动载入类用法实例分析
2016/06/24 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
js获取UserControl内容为拼html时提供方便
2014/11/02 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
2017/09/20 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
jquery实现的放大镜效果示例
2020/02/24 jQuery
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
使用Mock.js生成前端测试数据
2020/12/13 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
Python将字符串常量转化为变量方法总结
2019/03/17 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
python绘制动态曲线教程
2020/02/24 Python
python 追踪except信息方式
2020/04/25 Python
python对execl 处理操作代码
2020/06/22 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
主治医师岗位职责
2013/12/10 职场文书
美容院经理岗位职责
2014/04/03 职场文书
心得体会的写法
2014/09/05 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
如何制定一份可行的计划!
2019/06/21 职场文书
古诗之感恩老师
2019/10/24 职场文书