图片按比例缩放函数


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 相关文章推荐
特殊字符、常规符号及其代码对照表
Jun 26 Javascript
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
使用vue编写h5公众号跳转小程序的实现代码
Nov 27 Vue.js
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 cookie的操作实现代码(登录)
2010/12/29 PHP
php通用防注入程序 推荐
2011/02/26 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
php常用数组array函数实例总结【赋值,拆分,合并,计算,添加,删除,查询,判断,排序】
2016/12/07 PHP
PHP常用的三种设计模式
2017/02/17 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
javascript第一课
2007/02/27 Javascript
jQuery表格行换色的三种实现方法
2011/06/27 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
详解Javascript 装载和执行
2014/11/17 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
JavaScript基础心法 数据类型
2018/03/05 Javascript
浅谈微信小程序flex布局基础
2018/09/10 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
简单谈谈python基本数据类型
2018/09/26 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
详解python数据结构和算法
2019/04/18 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
HTML5注册页面示例代码
2014/03/27 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
巴西电子产品购物网站:Saldão da Informática
2018/01/09 全球购物
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
人事行政主管岗位职责
2013/12/22 职场文书
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
开业庆典策划方案
2014/02/18 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
四川省传达学习贯彻党的群众路线教育实践活动总结大会精神新闻稿
2014/10/26 职场文书
上课说话检讨书500字
2014/11/01 职场文书
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL