图片按比例缩放函数


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正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
JS仿hao123导航页面图片轮播效果
Sep 01 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
vue中vee validate表单校验的几种基本使用
Jun 25 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
原生javascript制作的拼图游戏实现方法详解
Feb 23 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
Aug 13 Javascript
javascript 数组(list)添加/删除的实现
Dec 17 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设计模式 Interpreter(解释器模式)
2011/06/26 PHP
php数组键名技巧小结
2015/02/17 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
laravel 如何实现引入自己的函数或类库
2019/10/15 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
yepnope.js 异步加载资源文件
2011/09/08 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
Python Requests 基础入门
2016/04/07 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
python 执行文件时额外参数获取的实例
2018/12/18 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
python3 map函数和filter函数详解
2019/08/26 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
5.1手机促销活动
2014/01/17 职场文书
九年级历史教学反思
2014/01/27 职场文书
投标服务承诺书
2014/05/28 职场文书
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL