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 相关文章推荐
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
React学习笔记之高阶组件应用
Jun 02 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
Jan 15 Javascript
JS代码检查工具ESLint介绍与使用方法
Feb 04 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 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 session应用实例 登录验证
2009/03/16 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
关于JS中的闭包浅谈
2013/08/23 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
JavaScript引用类型Date常见用法实例分析
2018/08/08 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
js 闭包深入理解与实例分析
2020/03/19 Javascript
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
Python标准库内置函数complex介绍
2014/11/25 Python
在Python中使用mongoengine操作MongoDB教程
2015/04/24 Python
Python+django实现文件上传
2016/01/17 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
python实现关键词提取的示例讲解
2018/04/28 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
商务英语求职自荐信范文
2013/12/24 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
自查自纠工作情况报告
2014/10/29 职场文书
毕业生个人自荐书
2015/03/05 职场文书
学习雷锋主题班会
2015/08/14 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书