图片按比例缩放函数


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 相关文章推荐
jquery 学习之二 属性 文本与值(text,val)
Nov 25 Javascript
JavaScript对象创建及继承原理实例解剖
Feb 28 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
JavaScript Serializer序列化时间处理示例
Jul 31 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
Nov 23 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
微信小程序自定义支持图片的弹窗
Dec 21 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中数字、字符与对象判断函数用法实例
2014/11/26 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
php微信开发之关注事件
2018/06/14 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
Python中文件遍历的两种方法
2014/06/16 Python
python数组过滤实现方法
2015/07/27 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
python Tcp协议发送和接收信息的例子
2019/07/22 Python
python常用数据重复项处理方法
2019/11/22 Python
Python多分支if语句的使用
2020/09/03 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
请解释在new与override的区别
2012/10/29 面试题
项目开发计划书
2014/01/09 职场文书
《维生素c的故事》教学反思
2014/02/18 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
吨的认识教学反思
2014/04/27 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
早会开场白台词大全
2015/06/01 职场文书
创业计划书之酒店
2019/08/30 职场文书
2019下半年英语教师的教学工作计划(3篇)
2019/09/25 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL
总结Python常用的魔法方法
2021/05/25 Python
MySQL系列之十五 MySQL常用配置和性能压力测试
2021/07/02 MySQL