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 相关文章推荐
Js 中debug方式
Feb 07 Javascript
求数组最大最小值方法适用于任何数组
Aug 16 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
Jan 24 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
jQuery实现二维码扫描功能
Jan 09 Javascript
一个简易时钟效果js实现代码
Mar 25 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
基于better-scroll 实现歌词联动功能的代码
May 07 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 06 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
php xml文件操作实现代码(二)
2009/03/20 PHP
php cli 小技巧
2013/06/03 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
使一个函数作为另外一个函数的参数来运行的javascript代码
2007/08/13 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
基于javascript实现彩票随机数生成(升级版)
2020/04/17 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
js禁止表单重复提交
2017/08/29 Javascript
vue项目持久化存储数据的实现代码
2018/10/01 Javascript
Vue源码解析之数组变异的实现
2018/12/04 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
JavaScript实现alert弹框效果
2020/11/19 Javascript
Vue实现省市区三级联动
2020/12/27 Vue.js
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
python+opencv实现阈值分割
2018/12/26 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
美国Max仓库:Max Warehouse
2020/05/31 全球购物
开办化妆品公司创业计划书
2013/12/26 职场文书
初中差生评语
2014/12/29 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
2015年国庆节寄语
2015/08/17 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers