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 相关文章推荐
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
AngularJs定制样式插入到ueditor中的问题小结
Aug 01 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
3分钟掌握常用的JS操作JSON方法总结
Apr 25 Javascript
详解Vue2中组件间通信的解决全方案
Jul 28 Javascript
ionic2中使用自动生成器的方法
Mar 04 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
JS实现简易留言板特效
Dec 23 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
JavaScript运行时库属性一览表
2014/03/14 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
2014/09/25 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
浅谈Vue.js
2017/03/02 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
Python制作刷网页流量工具
2017/04/23 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
python模块smtplib实现纯文本邮件发送功能
2018/05/22 Python
对python的文件内注释 help注释方法
2018/05/23 Python
用Python实现数据的透视表的方法
2018/11/16 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
Python虚拟环境的创建和使用详解
2020/09/07 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
酒吧创业计划书
2014/01/18 职场文书
学生鉴定评语大全
2014/05/05 职场文书
投标承诺书怎么写
2014/05/24 职场文书
服务行业演讲稿
2014/09/02 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
会议通知范文
2015/04/15 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL