2012年8月10日星期五

图片的等比例缩放

图片的等比例缩放

项目需求:固定长宽的容器,要求放入合适大小的图片(图片大的等比例缩小;图片小的等比例放大)

下列示例代码:

//<div><img src="http://dsb.66wz.com/images/2007-11/09/119454094354649494160708476276.jpg" onload="autoResizeImage(200,100,this)"></div>function autoResizeImage(max_Width,max_Height,imgObj) {    var image = new Image();    image.src = imgObj.src;    var cur_w = image.width;    var cur_h = image.height;    var radio = 1;    var w_radio = max_Width/cur_w;    var h_radio = max_Height/cur_h;    if(max_Width == 0 || max_Height == 0) {          radio = 1;    }else {          radio = w_radio <=h_radio ? w_radio :h_radio;    }    imgObj.width =  cur_w * radio;    imgObj.height = cur_h * radio;    }

TAG: