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代码
Nov 09 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
Apr 02 Javascript
javascript不可用的问题探究
Oct 01 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
详解springmvc 接收json对象的两种方式
Dec 06 Javascript
JS简单添加元素新节点的方法示例
Feb 10 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 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
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
JQuery 常用操作代码
2010/03/14 Javascript
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
使用JS判断页面是首次被加载还是刷新
2019/05/26 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
python 调用c语言函数的方法
2017/09/29 Python
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
python数据归一化及三种方法详解
2019/08/06 Python
Unineed旗下时尚轻奢网站:FABHunt
2019/05/13 全球购物
户外用品商店创业计划书
2014/01/29 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
《画杨桃》教学反思
2014/04/13 职场文书
个人工作表现评语
2014/04/30 职场文书
卫生系统先进事迹
2014/05/13 职场文书
大学生活动总结模板
2014/07/02 职场文书
师德师风的心得体会
2014/09/02 职场文书
2014年党员发展工作总结
2014/12/02 职场文书
大学生读书笔记大全
2015/07/01 职场文书
答谢酒会主持词
2015/07/02 职场文书
2016教师节问候语
2015/11/10 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
Python音乐爬虫完美绕过反爬
2021/08/30 Python
彩虹社八名人气艺人全新周边限时推出,性转女装男装一次拥有!
2022/04/01 日漫