图片按比例缩放函数


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 相关文章推荐
DHTML Slide Show script图片轮换
Mar 03 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
浅析JS中document对象的一些重要属性
Mar 06 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
深入理解vue.js中的v-if和v-show
Jun 22 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
在Vue项目中,防止页面被缩放和放大示例
Oct 28 Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 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代码
2010/08/08 PHP
php 中英文语言转换类
2011/09/07 PHP
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
webpack多页面开发实践
2017/12/18 Javascript
详解JavaScript执行模型
2020/11/16 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
python @propert装饰器使用方法原理解析
2019/12/25 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
python 读txt文件,按‘,’分割每行数据操作
2020/07/05 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
生日宴会答谢词
2014/01/09 职场文书
企业法人授权委托书
2014/04/03 职场文书
电钳工人个人求职信
2014/05/10 职场文书
学习保证书
2015/01/17 职场文书
小时代观后感
2015/06/10 职场文书
公司欠款证明
2015/06/24 职场文书
python字符串的一些常见实用操作
2022/04/06 Python
git stash(储藏)的用法总结
2022/06/25 Servers