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日期转换 时间戳转日期格式
Nov 05 Javascript
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
js 判断图片是否加载完以及实现图片的预下载
Aug 14 Javascript
JavaScript中数组的各种操作的总结(必看篇)
Feb 13 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
写给vue新手们的vue渲染页面教程
Sep 01 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 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
php查询whois信息的方法
2015/06/08 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
JQuery入门——事件切换之hover()方法应用介绍
2013/02/05 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
2016/03/13 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
JS封装通过className获取元素的函数示例
2016/12/20 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
浅谈Vue.js
2017/03/02 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
Vue下拉框回显并默认选中随机问题
2018/09/06 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
学习python处理python编码问题
2011/03/13 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
python实现飞机大战
2018/09/11 Python
python文本数据处理学习笔记详解
2019/06/17 Python
python绘制评估优化算法性能的测试函数
2019/06/25 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
军训的自我鉴定
2013/12/10 职场文书
工作失误检讨书
2015/01/26 职场文书
村官个人总结范文
2015/03/03 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python