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 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
javascript 二分法(数组array)
Apr 24 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
javascript回到顶部特效
Jul 30 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
js获取文件里面的所有文件名(实例)
Oct 17 Javascript
javascript对HTML字符转义与反转义
Dec 13 Javascript
vue登录注册实例详解
Sep 14 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
vue配置多代理服务接口地址操作
Sep 08 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
肝肠寸断了解下!盘点史上最伤心的十大动漫
2020/03/04 日漫
BBS(php &amp; mysql)完整版(一)
2006/10/09 PHP
浅析php中如何在有限的内存中读取大文件
2013/07/02 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
javascript 表单验证常见正则
2009/09/28 Javascript
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
Javascript中正则表达式的全局匹配模式分析
2011/04/26 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
如何从零开始手写Koa2框架
2019/03/22 Javascript
JS实现关闭小广告特效
2021/01/29 Javascript
Element Badge标记的使用方法
2020/07/27 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
发布你的Python模块详解
2016/09/15 Python
python如何对实例属性进行类型检查
2018/03/20 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
英语专业职业生涯规划范文
2014/03/05 职场文书
cf战队收人广告词
2014/03/14 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
《悬崖边的树》读后感2篇
2019/12/02 职场文书
Jupyter notebook 不自动弹出网页的解决方案
2021/05/21 Python
golang 语言中错误处理机制
2021/08/30 Golang