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 相关文章推荐
jquery 定位input元素的几种方法小结
Jul 28 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
angular源码学习第一篇 setupModuleLoader方法
Oct 20 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 Javascript
JavaScript实现的商品抢购倒计时功能示例
Apr 17 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 Javascript
vue引入静态js文件的方法
Jun 20 Javascript
详解JavaScript的this指向和绑定
Sep 08 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 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 网上商城促销设计实例代码
2012/02/17 PHP
php简单实现数组分页的方法
2016/04/30 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
javascript同步Import,同步调用外部js的方法
2008/07/08 Javascript
javascript下判断一个元素是否存在的代码
2010/03/05 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
2018/12/29 jQuery
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
如何优雅地取消 JavaScript 异步任务
2020/03/22 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
[01:03:36]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第二场 1月26日
2021/03/11 DOTA
用Python进行基础的函数式编程的教程
2015/03/31 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
Java面向对象面试题
2016/12/26 面试题
预备党员的自我评价
2014/03/12 职场文书
房产转让协议书
2014/04/11 职场文书
公司节能减排倡议书
2014/05/14 职场文书
学校门卫岗位职责范本
2014/06/30 职场文书
2014年就业工作总结
2014/11/26 职场文书
法律进社区活动总结
2015/05/07 职场文书
Python实现打乒乓小游戏
2021/09/25 Python
使用python将HTML转换为PDF pdfkit包(wkhtmltopdf) 的使用方法
2022/04/21 Python