图片按比例缩放函数


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使用技巧精萃[代码非常实用]
Nov 21 Javascript
JavaScript 模拟用户单击事件
Dec 31 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
高性能JavaScript DOM编程(1)
Aug 11 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
解析JavaScript数组方法reduce
Dec 12 Javascript
vue todo-list组件发布到npm上的方法
Apr 04 Javascript
webpack打包非模块化js的方法
Oct 24 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
微信小程序地图实现展示线路
Jul 29 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后台程序与Javascript的两种交互方式
2009/10/25 PHP
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
php阻止页面后退的方法分享
2014/02/17 PHP
微信 getAccessToken方法详解及实例
2016/11/23 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
腾讯UED 漂亮的提示信息效果代码
2011/09/12 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
JS判断数组那点事
2017/10/10 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
2020/11/06 Javascript
编写Python脚本批量下载DesktopNexus壁纸的教程
2015/05/06 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
解决pycharm运行时interpreter为空的问题
2018/10/29 Python
Python搭建代理IP池实现接口设置与整体调度
2019/10/27 Python
python3连接kafka模块pykafka生产者简单封装代码
2019/12/23 Python
Python3监控疫情的完整代码
2020/02/20 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
污水厂厂长岗位职责
2014/01/04 职场文书
小学生开学感言
2014/02/28 职场文书
交通事故委托书范本
2014/09/28 职场文书
2014年团支部工作总结
2014/11/17 职场文书
九九重阳节致辞
2015/07/31 职场文书
医院感染管理制度
2015/08/05 职场文书
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
Java 在线考试云平台的实现
2021/11/23 Java/Android