图片按比例缩放函数


Posted in Javascript onJune 26, 2006

以下是程序代码:

<script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD,iwidth,iheight){
    //参数(图片,允许的宽度,允许的高度)
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= iwidth/iheight){
        if(image.width>iwidth){  
        ImgD.width=iwidth;
        ImgD.height=(image.height*iwidth)/image.width;
        }else{
        ImgD.width=image.width;  
        ImgD.height=image.height;
        }
        ImgD.alt=image.width+"×"+image.height;
        }
    else{
        if(image.height>iheight){  
        ImgD.height=iheight;
        ImgD.width=(image.width*iheight)/image.height;        
        }else{
        ImgD.width=image.width;  
        ImgD.height=image.height;
        }
        ImgD.alt=image.width+"×"+image.height;
        }
    }

//-->
</script>
调用:<img src="images/toplogo.gif" onload="javascript:DrawImage(this,100,100)">
Javascript 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
javascript实现复选框选中属性
Mar 25 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
原生JavaScript实现Ajax异步请求
Nov 19 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
Jan 18 Javascript
解决VUE中document.body.scrollTop为0的问题
Sep 15 Javascript
Vue中的验证登录状态的实现方法
Mar 09 Javascript
js实现随机8位验证码
Jul 24 Javascript
tagName的使用,留一笔
Jun 26 #Javascript
JS控制表格隔行变色
Jun 26 #Javascript
判断是否输入完毕再激活提交按钮
Jun 26 #Javascript
特殊字符、常规符号及其代码对照表
Jun 26 #Javascript
JavaScript版代码高亮
Jun 26 #Javascript
VBScript版代码高亮
Jun 26 #Javascript
JavaScript TO HTML 转换
Jun 26 #Javascript
You might like
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
2011/12/26 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
2012/05/23 Javascript
使用javascript过滤html的字符串(注释标记法)
2013/07/08 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
详解vue-cli构建项目反向代理配置
2017/09/07 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
如何实现iframe父子传参通信
2020/02/05 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
Python类属性与实例属性用法分析
2015/05/09 Python
在Python中操作字典之clear()方法的使用
2015/05/21 Python
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
Python装饰器用法示例小结
2018/02/11 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
Django实现发送邮件功能
2019/07/18 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
捐书寄语赠言
2014/01/18 职场文书
房产公证委托书范本
2014/09/20 职场文书
党的群众路线调研报告
2014/11/03 职场文书
大学生见习报告范文
2014/11/03 职场文书
如何撰写促销方案?
2019/07/05 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS