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 相关文章推荐
javascript下过滤数组重复值的代码
Sep 10 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
JQuery性能优化的几点建议
May 14 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
js实现select下拉框菜单
Dec 08 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 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
中东人咖啡哲学
2021/03/03 咖啡文化
用PHP动态创建Flash动画
2006/10/09 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
php单例模式示例分享
2015/02/12 PHP
Prototype的Class.create函数解析
2011/09/22 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
详解Python中的多线程编程
2015/04/09 Python
django模型层(model)进行建表、查询与删除的基础教程
2017/11/21 Python
Python使用wxPython实现计算器
2018/01/30 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
python实现的Iou与Giou代码
2020/01/18 Python
Django User 模块之 AbstractUser 扩展详解
2020/03/11 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
揭牌仪式主持词
2014/03/19 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
先进个人总结范文
2015/02/15 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
JS高级程序设计之class继承重点详解
2022/07/07 Javascript