(转)按比例缩放图片

看到海东兄的 按比例缩放图片 ,我就把我写的js版本的也拿出来show一下,哈哈!
js版本:

function resizeImage(obj, MaxW, MaxH)
{
 var imageObject = obj;
    var state = imageObject.readyState;
 if(state!='complete')
 {
        setTimeout("resizeImage("+imageObject+","+MaxW+","+MaxH+")",50);
  return;
    }
    var oldImage = new Image();
    oldImage.src = imageObject.src;
    var dW = oldImage.width;
    var dH = oldImage.height;
    if(dW>MaxW || dH>MaxH)
 {
        a = dW/MaxW; b = dH/MaxH;
        if( b>a ) a = b;
        dW = dW/a; dH = dH/a;
    }
    if(dW > 0 && dH > 0)
 {
        imageObject.width = dW;
  imageObject.height = dH;
 }
}

使用很简单:<img src="../pic.jpg" οnlοad='resizeImage(this,60,90)> 就OK了;同时也附上C#版本的

C#版本---海东兄 http://www.cnblogs.com/ghd258/archive/2005/11/07/270447.html

1ExpandedBlockStart.gifContractedBlock.gif /**/ /// <summary>
 2InBlock.gif        /// 按比例缩放图片
 3InBlock.gif        /// </summary>
 4InBlock.gif        /// <param name="imgUrl">图片的路径</param>
 5InBlock.gif        /// <param name="imgHeight">图片的高度</param>
 6InBlock.gif        /// <param name="imgWidth">图片的宽度</param>
 7ExpandedBlockEnd.gif        /// <returns></returns>

 8 None.gif          public   static   string  GetImageSize( string  imgUrl, int  imgHeight, int  imgWidth)
 9 ExpandedBlockStart.gifContractedBlock.gif         dot.gif {
10InBlock.gif            string fileName = System.Web.HttpContext.Current.Server.MapPath(imgUrl);
11InBlock.gif            string strResult = string.Empty;
12InBlock.gif            if(System.IO.File.Exists(fileName) && imgHeight != 0 && imgWidth != 0)
13ExpandedSubBlockStart.gifContractedSubBlock.gif            dot.gif{
14InBlock.gif                decimal desWidth;decimal desHeight;                                            //目标宽高
15InBlock.gif                System.Drawing.Image objImage = System.Drawing.Image.FromFile(fileName);
16InBlock.gif                decimal radioAct = (decimal)objImage.Width/(decimal)objImage.Height;        //原始图片的宽高比
17InBlock.gif                decimal radioLoc = (decimal)imgWidth/(decimal)imgHeight;                    //图片位的宽高比
18InBlock.gif                if(radioAct > radioLoc)                                                        //原始图片比图片位宽
19ExpandedSubBlockStart.gifContractedSubBlock.gif                dot.gif{        
20InBlock.gif                    decimal dcmZoom = (decimal)imgWidth/(decimal)objImage.Width;
21InBlock.gif                    desHeight = objImage.Height*dcmZoom;
22InBlock.gif                    desWidth = imgWidth;
23ExpandedSubBlockEnd.gif                }

24InBlock.gif                else
25ExpandedSubBlockStart.gifContractedSubBlock.gif                dot.gif{
26InBlock.gif                    decimal dcmZoom = (decimal)imgHeight/(decimal)objImage.Height;
27InBlock.gif                    desWidth = objImage.Width*dcmZoom;
28InBlock.gif                    desHeight = imgHeight;
29ExpandedSubBlockEnd.gif                }

30InBlock.gif                objImage.Dispose();                //释放资源
31InBlock.gif                strResult = "width=\"" + Convert.ToString((int)desWidth) + "\" height=\""
32InBlock.gif                    + Convert.ToString((int)desHeight) + "\" ";
33ExpandedSubBlockEnd.gif            }

34InBlock.gif            return strResult;
35ExpandedBlockEnd.gif        }







<script language="javascript">
function changeImg(mypic){
var xw=160;
var xl=180;

var width = mypic.width;
var height = mypic.height;
var bili = width/height;

var A=xw/width;
var B=xl/height;

if(!(A>1&&B>1))
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
mypic.height=xl;
}
}
}
</script>
<img src="sh180.jpg" οnlοad="changeImg(this)">

转载于:https://www.cnblogs.com/zwei1121/archive/2006/12/19/596717.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值