按比例缩放图片,JavaScript代码

原创 2013年12月03日 18:21:47

效果:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>按比例缩放图片</title>
<script language="JavaScript" type="text/javascript">
<!--
function DrawImage(ImgD,FitWidth,FitHeight){
   var image=new Image();
   image.src=ImgD.src;
   if(image.width>0 && image.height>0){
       if(image.width/image.height>= FitWidth/FitHeight){
           if(image.width>FitWidth){
               ImgD.width=FitWidth;
               ImgD.height=(image.height*FitWidth)/image.width;
           }else{
               ImgD.width=image.width;
               ImgD.height=image.height;
           }
       } else{
           if(image.height>FitHeight){
               ImgD.height=FitHeight;
               ImgD.width=(image.width*FitHeight)/image.height;
           }else{
               ImgD.width=image.width;
               ImgD.height=image.height;
           }
       }
   }
}
//-->
</script>
</head>
<body>
按比例缩小:
<p><img src="/jscss/demoimg/wall7.jpg" onload="DrawImage(this,100,100)" border="0"></a>
</p>按比例放大:(实际上不能放大,只是显示图片的最原始尺寸)
<p><img src="/jscss/demoimg/wall7.jpg" onload="DrawImage(this,500,500)" border="0"></a>
</p>
</body>
</html>
效果:

版权声明:本文为博主原创文章,未经博主允许不得转载。

按比例缩放图片,JavaScript代码

  • 2010年06月22日 11:35
  • 3KB
  • 下载

用 JavaScript 实现网页图片等比例缩放

思路: 高度都控制在160像素以内,如果是160像素以内的话,就直接显示; 如果高度大于宽度,高度优先缩小在160以内,宽度根据高度的缩放比缩小;反之亦然 1.在处理网页图片时,特别是一些图片列...

js写的图片等比例缩放代码

  • 2011年05月16日 22:17
  • 40KB
  • 下载

php图片缩放代码-按比例缩放或截取指定大小的缩略图 非常好用的一个方法

/********************************************************** * function resize: * * = creates a r...

php图片等比例缩放

  • 2014年09月13日 15:15
  • 18KB
  • 下载

Android 详解实现TextView加载带图片标签的Html并按比例缩放

最近在做商城类项目,有这样一个需求:商品详情里边有一个商品描述,这个字段最初设计的是用来显示一段描述文字,做完以后设计说需要支持图文的详情,没办法改吧~谁让咱是程序猿呢,很自然的就想到TextView...

jquery图片同比例缩放

  • 2010年04月27日 09:43
  • 31KB
  • 下载

js实现图片的按比例缩放

  • 2008年06月25日 14:28
  • 57KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:按比例缩放图片,JavaScript代码
举报原因:
原因补充:

(最多只允许输入30个字)