图片按比例缩放函数


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游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
jquery获取一个元素下面相同子元素的个数代码
Jul 31 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 Javascript
Bootstrap table的使用方法
Nov 02 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
seajs中最常用的7个功能、配置示例
Oct 10 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
Aug 07 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
微信小程序实现蒙版弹出窗功能
Sep 17 Javascript
vue 弹出遮罩层样式实例
Jul 22 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/06/13 PHP
php json_encode值中大括号与花括号区别
2013/09/30 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
js简易版购物车功能
2017/06/17 Javascript
jquery实现侧边栏左右伸缩效果的示例
2017/12/19 jQuery
Node解决简单重复问题系列之Excel内容的获取
2018/01/02 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
小程序实现页面顶部选项卡效果
2018/11/06 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
Vue实现日历小插件
2019/06/26 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
vue keep-alive的简单总结
2021/01/25 Vue.js
Python发送http请求解析返回json的实例
2018/03/26 Python
python  Django中的apps.py的目的是什么
2018/10/15 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
留学自荐信
2013/10/10 职场文书
国际贸易专业推荐信
2013/11/15 职场文书
迷你西餐厅创业计划书范文
2013/12/31 职场文书
学习决心书范文
2014/03/11 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
党员承诺书范文2015
2015/04/27 职场文书
党支部考察意见范文
2015/06/02 职场文书