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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
jquery常用操作小结
Jul 21 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
js弹出窗口返回值的简单实例
May 28 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
Dec 20 Javascript
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
图片上传即时显示缩略图的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动态生成VRML网页
2006/10/09 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
DOM相关内容速查手册
2007/02/07 Javascript
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
jQuery对象的selector属性用法实例
2014/12/27 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
python回调函数的使用方法
2014/01/23 Python
Python兔子毒药问题实例分析
2015/03/05 Python
python使用arp欺骗伪造网关的方法
2015/04/24 Python
详解Python中的文件操作
2016/08/28 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
numpy找出array中的最大值,最小值实例
2018/04/03 Python
python去除文件中重复的行实例
2018/06/29 Python
python中几种自动微分库解析
2019/08/29 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
python字符串的index和find的区别详解
2020/06/20 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
医学毕业生自荐信
2013/10/11 职场文书
教育局长自荐信范文
2013/12/22 职场文书
幼儿园国庆节活动方案
2014/02/01 职场文书
结婚堵门保证书
2015/05/08 职场文书
爱心捐助活动总结
2015/05/09 职场文书
七年级思品教学反思
2016/02/20 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android