js同比例缩放图片的小例子


Posted in Javascript onOctober 30, 2013
function DrawImage(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 解析后的xml对象的读取方法细解
Jul 25 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
Jul 27 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
Bootstrap Table使用方法解析
Oct 19 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
详解vue 命名视图
Aug 14 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
Apr 08 Javascript
javascript实现颜色渐变的方法
Oct 30 #Javascript
window.onload和$(function(){})的区别介绍
Oct 30 #Javascript
js history对象简单实现返回和前进
Oct 30 #Javascript
js 3种归并操作的实例代码
Oct 30 #Javascript
javascript获取选中的文本的方法代码
Oct 30 #Javascript
判断输入是否为空,获得输入类型的JS代码
Oct 30 #Javascript
js实现收缩菜单效果实例代码
Oct 30 #Javascript
You might like
PHP原生函数一定好吗?
2014/12/08 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
javascript OFFICE控件测试代码
2009/12/08 Javascript
教您去掉ie网页加载进度条的方法
2010/12/09 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
JS异步文件上传(兼容IE8+)
2017/04/02 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
python实现字符串中字符分类及个数统计
2018/09/28 Python
Python txt文件加入字典并查询的方法
2019/01/15 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
服装设计行业个人的自我评价
2013/12/20 职场文书
《乡愁》教学反思
2014/02/18 职场文书
文体活动总结范文
2014/05/05 职场文书
2014年教研工作总结
2014/12/06 职场文书
2015年党员自评材料
2014/12/17 职场文书
小学教师个人总结
2015/02/05 职场文书
污水处理保证书
2015/05/09 职场文书
博物馆观后感
2015/06/05 职场文书
python 网络编程要点总结
2021/06/18 Python
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
字节飞书面试promise.all实现示例
2022/06/16 Javascript