图片按比例缩放

图片按比例缩放

js代码

<script language="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>

页面<body>中的代码

<img src="图片地址" border="0" onload="javascript:DrawImage(this,图片宽度,图片长度);" />

posted @ 2011-08-12 09:28  无为而无不为  Views(163)  Comments(0Edit  收藏  举报