js 图片缩放(按比例)控制代码


Posted in Javascript onMay 27, 2009

缩放代码:

缩放代码: 
<script type="text/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 onload="javascript:DrawImage(this,89,63)" src="https://3water.com/images/logo.gif" width="89" height="63" border="0" /> 
觉得不错的发个言!

页面代码:
1. <img onload="javascript:DrawImage(this,89,63)" src="http://www.baidu.com/img/baidu_logo.gif" width="89" height="63" border="0" />
觉得不错的发个言!
Javascript 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
用js得到网页中所有的div的id
Oct 19 Javascript
单击复制文字兼容各浏览器的完美解决方案
Jul 04 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
Aug 13 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
详解Bootstrap插件
Apr 25 Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 Javascript
jQuery使用方法
Feb 04 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
js中Generator函数的深入讲解
Apr 07 Javascript
高性能js数组去重(12种方法,史上最全)
Dec 21 Javascript
图片上传即时显示缩略图的js代码
May 27 #Javascript
JavaScript 闭包深入理解(closure)
May 27 #Javascript
jQuery 剧场版 你必须知道的javascript
May 27 #Javascript
javascript 日期时间函数(经典+完善+实用)
May 27 #Javascript
jquery cookie插件代码类
May 26 #Javascript
判断脚本加载是否完成的方法
May 26 #Javascript
javascript 复杂的嵌套环境中输出单引号和双引号
May 26 #Javascript
You might like
真正的ZIP文件操作类(php)
2007/07/21 PHP
PHP获取网卡地址的代码
2008/04/09 PHP
php截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
Javascript浅谈之this
2013/12/17 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
Angular2内置指令NgFor和NgIf详解
2016/08/03 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
微信小程序项目实践之主页tab选项实现
2018/07/18 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
2020/11/06 Javascript
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
Python更新数据库脚本两种方法及对比介绍
2017/07/27 Python
Python制作豆瓣图片的爬虫
2017/12/28 Python
python实现雨滴下落到地面效果
2018/06/21 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
python变量的存储原理详解
2019/07/10 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
机械专业个人求职自荐信格式
2013/09/21 职场文书
给老师的检讨书
2014/02/11 职场文书
大学生党员自我批评
2014/02/14 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
银行客户经理岗位职责
2015/04/09 职场文书
2015年妇联工作总结范文
2015/04/22 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
光之国的四大叛徒:第一贝利亚导致宇宙毁灭,赛文奥特曼在榜
2022/03/18 日漫
Python如何让字典保持有序排列
2022/04/29 Python