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 相关文章推荐
浅谈JS日期(Date)处理函数
Dec 07 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
使用express+multer实现node中的图片上传功能
Feb 02 Javascript
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
May 16 Javascript
Webpack devServer中的 proxy 实现跨域的解决
Jun 15 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
微信小程序弹窗禁止页面滚动的实现代码
Dec 30 Javascript
javascript实现随机抽奖功能
Dec 30 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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
解析strtr函数的效率问题
2013/06/26 PHP
PHP分页效率终结版(推荐)
2013/07/01 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
jquery 的 $("#id").html() 无内容的解决方法
2010/06/07 Javascript
JavaScript高级程序设计 DOM学习笔记
2011/09/10 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
vue.js框架实现表单排序和分页效果
2017/08/09 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
2018/11/22 Javascript
Python模块学习 re 正则表达式
2011/05/19 Python
快速排序的算法思想及Python版快速排序的实现示例
2016/07/02 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Pytorch 多维数组运算过程的索引处理方式
2019/12/27 Python
opencv python如何实现图像二值化
2020/02/03 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
高中班长自我鉴定
2013/12/20 职场文书
自动化专业个人求职信范文
2013/12/30 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
教师工作态度自我评价
2015/03/05 职场文书
销售开票员岗位职责
2015/04/15 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL