图片按比例缩放函数


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学习笔记[1] jQuery中的DOM操作
Dec 03 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
js实现点击图片自动提交action的简单方法
Oct 16 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
vue实现手机号码抽奖上下滚动动画示例
Oct 18 Javascript
微信小程序实现动态获取元素宽高的方法分析
Dec 10 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 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
法国:浪漫之都的咖啡文化
2021/03/03 咖啡文化
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
CSS+JS构建的图片查看器
2006/07/22 Javascript
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
jquery 操作DOM案例代码分享
2012/04/05 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
使用PreloadJS加载图片资源的基础方法详解
2020/02/03 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
tensorflow如何批量读取图片
2019/08/29 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
python学生管理系统的实现
2020/04/05 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
美国女性服饰销售网站:Nasty Gal(坏女孩)
2016/07/26 全球购物
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
计算机专业毕业生的自我评价
2013/11/18 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
培训班通知
2015/04/25 职场文书
幸福终点站观后感
2015/06/04 职场文书
反四风问题学习心得体会
2016/01/22 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
拙作再改《我的收音机情缘》
2022/04/05 无线电