图片按比例缩放函数


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 UI 实现email输入提示实例
Aug 15 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
Feb 17 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
jQuery实现跨域iframe接口方法调用
Mar 14 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
js 自带的 map() 方法全面了解
Aug 16 Javascript
前端框架Vue.js中Directive知识详解
Sep 12 Javascript
Js获取当前日期时间及格式化代码
Sep 17 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
Jun 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注释实例技巧
2008/10/03 PHP
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
php学习笔记 面向对象中[接口]与[多态性]的应用
2011/06/16 PHP
html静态页面调用php文件的方法
2014/11/13 PHP
php静态文件生成类实例分析
2015/01/03 PHP
php绘制圆形的方法
2015/01/24 PHP
PHP 用session与gd库实现简单验证码生成与验证的类方法
2016/11/15 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
2014/11/24 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
python中 logging的使用详解
2017/10/25 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
python中实现栈的三种方法
2020/12/19 Python
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
地理科学专业毕业生求职信
2013/10/15 职场文书
房地产财务管理制度
2014/02/02 职场文书
积极贯彻学习两会精神总结
2014/03/17 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
财政局个人年终总结
2015/03/03 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
教你用Java在个人电脑上实现微信扫码支付
2021/06/13 Java/Android