图片按比例缩放函数


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 相关文章推荐
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
基于jQuery选择器的整理集合
Apr 26 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
JavaScript实现求最大公共子串的方法
Feb 03 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
vue各种事件监听实例(小结)
Jun 24 Javascript
JS实现简单打字测试
Jun 24 Javascript
原生js实现放大镜组件
Jan 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
MySQL连接数超过限制的解决方法
2011/07/17 PHP
PHP静态调用非静态方法的应用分析
2013/05/02 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
我见过最全的个人js加解密功能页面
2007/12/12 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
JavaScript中使用concat()方法拼接字符串的教程
2015/06/06 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
2016/11/17 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
详解JavaScript 浮点数运算的精度问题
2019/07/23 Javascript
通过vue写一个瀑布流插件代码实例
2019/09/07 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
python UNIX_TIMESTAMP时间处理方法分析
2016/04/18 Python
Python算法之图的遍历
2017/11/16 Python
使用python模拟命令行终端的示例
2019/08/13 Python
python字典的值可以修改吗
2020/06/29 Python
英国泽西岛植物:Jersey Plants Direct
2019/08/07 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
计算机大学生的自我评价
2013/10/15 职场文书
公司保密承诺书
2014/03/27 职场文书
银行委托书范本
2014/04/04 职场文书
孝敬父母的演讲稿
2014/05/14 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
小班下学期个人总结
2015/02/12 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
SQL实现LeetCode(177.第N高薪水)
2021/08/04 MySQL