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 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
javascript根据像素点取位置示例
Jan 27 Javascript
js加载读取内容及显示与隐藏div示例
Feb 13 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
jQuery操作元素css样式的三种方法
Jun 04 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
Feb 09 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
JSONObject与JSONArray使用方法解析
Sep 28 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
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
php防止sql注入简单分析
2015/03/18 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
js取两个数组的交集|差集|并集|补集|去重示例代码
2013/08/07 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
node文字生成图片的示例代码
2017/10/26 Javascript
mpvue写一个CPASS小程序的示例
2018/09/04 Javascript
webpack-url-loader 解决项目中图片打包路径问题
2019/02/15 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python生成指定长度的随机数密码
2014/01/23 Python
使用python实现个性化词云的方法
2017/06/16 Python
详解Python实现多进程异步事件驱动引擎
2017/08/25 Python
python顺序执行多个py文件的方法
2019/06/29 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
面向对象设计的原则是什么
2013/02/13 面试题
医学院学生求职简历的自我评价
2013/10/24 职场文书
计算机专业学生的自我评价
2013/12/15 职场文书
2014升学宴答谢词
2014/01/26 职场文书
2014年共青团工作总结
2014/12/10 职场文书
2015年国培研修感言
2015/08/01 职场文书