当前位置:Linux教程 - Php - 生成适合图片比例的假缩略图js实现

生成适合图片比例的假缩略图js实现

生成适合图片比例的假缩略图![js实现]

作者:--  时间:2004-04-20 15:58:57  来自:  责任编辑:clinch






生成适合图片比例的假缩略图![js实现]

假设要生成的缩略图限制:宽200,高160

在head中加入:

<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 200/160){
     if(image.width>200){  
     ImgD.width=200;
     ImgD.height=(image.height*200)/image.width;
     }else{
     ImgD.width=image.width;  
     ImgD.height=image.height;
     }
     }
    else{
     if(image.height>160){  
     ImgD.height=160;
     ImgD.width=(image.width*160)/image.height;     
     }else{
     ImgD.width=image.width;  
     ImgD.height=image.height;
     }
     }
    }
}
//-->
</script>

在body中引用:

<img src="图片名.jpg" onload="javascript:DrawImage(this);">