缩放代码： 复制代码 代码如下:缩放代码： <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="http://www.jb51.net/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" /> 觉得不错的发个言！

　　推荐阅读

　　Jquery 基础学习笔记之文档处理

主要包括以下几部分：（1）内部插入（2）外部插入（3）包裹（4）替换（5）删除（6）赋值。那我们就开始详细地看一下。 1、内部插入：向一些元素的内部插入内容 (1)append(content) :向每个匹配的元素内部追加内容，>>>详细阅读

本文标题：js 图片缩放（按比例）控制代码

地址：http://www.17bianji.com/kaifa2/JS/28627.html

 1/2    1