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高级程序设计
Dec 29 Javascript
教你如何解密js/vbs/vbscript加密的编码异处理小结
Jun 25 Javascript
javascript 模式设计之工厂模式学习心得
Apr 27 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
AngularJs Understanding the Model Component
Sep 02 Javascript
js本地图片预览实现代码
Oct 09 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
Oct 18 Javascript
JS使用队列对数组排列,基数排序算法示例
Mar 02 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 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
php中的MVC模式运用技巧
2007/05/03 PHP
mysql,mysqli,PDO的各自不同介绍
2012/09/19 PHP
PHP中CURL方法curl_setopt()函数的参数分享
2013/01/19 PHP
php检测文件编码的方法示例
2014/04/25 PHP
PHPAnalysis中文分词类详解
2014/06/13 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
php中各种定义变量的方法小结
2017/10/18 PHP
理解Javascript_03_javascript全局观
2010/10/11 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
2012/10/12 Javascript
javascript中的缓动效果实现程序
2012/12/29 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
Promise扫盲贴
2019/06/24 Javascript
[56:42]完美世界DOTA2联赛循环赛 Matador vs Forest 第二场 11.06
2020/11/06 DOTA
python绘制中国大陆人口热力图
2018/11/07 Python
python async with和async for的使用
2019/06/20 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
python上selenium的弹框操作实现
2020/07/13 Python
新加坡网上美容店:Hermo新加坡
2019/06/19 全球购物
工业设计专业推荐信
2013/10/29 职场文书
消防器材管理制度
2014/01/28 职场文书
党员公开承诺书内容
2014/05/20 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
老乡会致辞
2015/07/28 职场文书
校运会班级霸气口号
2015/12/24 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
phpQuery解析HTML乱码问题(补充官网未列出的乱码解决方案)
2021/04/01 PHP
解决golang结构体tag编译错误的问题
2021/05/02 Golang