图片按比例缩放函数


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 Archive Network 集合
May 12 Javascript
jQuery中对节点进行操作的相关介绍
Apr 16 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 Javascript
理解JavaScript原型链
Oct 25 Javascript
详解Vue生命周期的示例
Mar 10 Javascript
vue.js指令v-for使用以及下标索引的获取
Jan 31 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
May 06 Javascript
vue-quill-editor 自定义工具栏和自定义图片上传路径操作
Aug 03 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 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 分页类 扩展代码
2009/06/11 PHP
简单PHP上传图片、删除图片实现代码
2010/05/12 PHP
php的大小写敏感问题整理
2011/12/29 PHP
解析func_num_args与func_get_args函数的使用
2013/06/24 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
Javascript string 扩展库代码
2010/04/09 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
使用js 设置url参数
2013/07/08 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
js实现String.Fomat的实例代码
2016/09/02 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
Vue路由模块化配置的完整步骤
2019/08/14 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
Python的Flask框架应用调用Redis队列数据的方法
2016/06/06 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
深入浅析python3中的unicode和bytes问题
2019/07/03 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
基于Tensorflow:CPU性能分析
2020/02/10 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
中级会计职业生涯规划范文
2014/01/16 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
四风查摆问题自查报告
2014/10/10 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
PHP获取学生成绩的方法
2021/11/17 PHP
PHP RabbitMQ消息列队
2022/05/11 PHP