图片按比例缩放函数


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 相关文章推荐
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
JS实现一键回顶功能示例代码
Oct 28 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
jQuery查找dom的几种方法效率详解
May 17 jQuery
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 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发电子邮件
2006/10/09 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
php微信开发之图片回复功能
2018/06/14 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
一段实时更新的时间代码
2006/07/07 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
javascript截取字符串小结
2015/04/28 Javascript
jQuery实现自动滚动到页面顶端的方法
2015/05/22 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
Node.js中常规的文件操作总结
2016/10/13 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
js实现canvas图片与img图片的相互转换的示例
2017/08/31 Javascript
探索Vue高阶组件的使用
2018/01/08 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
python encode和decode的妙用
2009/09/02 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例
2020/02/28 Python
Python如何实现FTP功能
2020/05/28 Python
如何打开WebSphere远程debug
2014/10/10 面试题
行政助理的岗位职责
2014/02/18 职场文书
普通大学毕业生自荐信范文
2014/02/23 职场文书
竞选班长自荐书范文
2014/03/09 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
python flappy bird小游戏分步实现流程
2022/02/15 Python
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫