图片按比例缩放函数


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 imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
js判断样式className同时增加class或删除class
Jan 30 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
JavaScript立即执行函数的三种不同写法
Sep 05 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
Sep 20 Javascript
创建与框架无关的JavaScript插件
Dec 01 Javascript
vue中activated的用法
Jan 03 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
PHP 输出缓存详解
2009/06/20 PHP
Smarty中调用FCKeditor的方法
2014/10/27 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
jQuery实现table表格checkbox全选的方法分析
2018/07/04 jQuery
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
列举Python中吸引人的一些特性
2015/04/09 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
python3 自动识别usb连接状态,即对usb重连的判断方法
2019/07/03 Python
Python如何用filter函数筛选数据
2020/03/05 Python
Python性能测试工具Locust安装及使用
2020/12/01 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
工程概预算专业毕业生求职信
2013/10/04 职场文书
警察思想汇报
2014/01/04 职场文书
2014年学生会主席工作总结
2014/11/07 职场文书