编程论坛 » ASP技术论坛 » 请教:用什么方法可以将图片按比例缩放,但又不是按实际图片大小来显示.使之不变形.

打印

请教:用什么方法可以将图片按比例缩放,但又不是按实际图片大小来显示.使之不变形.

atian

中级会员

Rank: 3 Rank: 3

帖子：203
精华：0
积分：2154
在线：18 小时
注册：2006-1-24

1^# 大中小发表于 2008-6-11 22:17 只看该作者

请教:用什么方法可以将图片按比例缩放,但又不是按实际图片大小来显示.使之不变形.

请教:如何将图片按比例缩放,使之不变形.
<img border="0" src="<%=pic_url%>" width="120" height="120" align="left" alt="点击查看图片">

搜索更多相关主题的帖子: 比例缩放

TOP

hugeannex

中级会员

Rank: 3 Rank: 3

帖子：251
精华：0
积分：2650
威望：2
在线：20 小时
注册：2005-3-20

2^# 大中小发表于 2008-6-11 23:01 只看该作者

用Javascript，我做过，挺不错的。自己想。

. 为钱而战

TOP

hugeannex

中级会员

Rank: 3 Rank: 3

帖子：251
精华：0
积分：2650
威望：2
在线：20 小时
注册：2005-3-20

3^# 大中小发表于 2008-6-11 23:55 只看该作者

复制内容到剪贴板

代码:

<script language="javascript">
  function aa(n){
    var img_h=n.clientHeight;
    var img_w=n.offsetWidth;

    //缩小50%
    n.height=img_h*0.5;
    n.width=img_w*0.5;
     }
</script>
<body>
<img  src="http://bbs.bccn.net/ad/suhai_468_60.gif" onLoad="aa(this)">
</body>

[ 本帖最后由 hugeannex 于 2008-6-12 00:01 编辑 ]

. 为钱而战

TOP

hmhz

版主

Rank: 12

帖子：1320
精华：0
积分：14180
威望：11
在线：440 小时
注册：2006-12-17

4^# 大中小发表于 2008-6-12 08:05 只看该作者

<img border=0 src="http://bbs.bccn.net/images/default/logo.gif" onload="javascript:if(this.width>800)this.width=800">

2000年接触asp 2002年精通asp 2004年熟悉asp 2006年基本了解asp 2008年真搞不懂asp

TOP

makebest

中级会员

Rank: 3 Rank: 3

帖子：370
精华：0
积分：3958
在线：79 小时
注册：2005-3-17

5^# 大中小发表于 2008-6-12 09:48 只看该作者

只要不是同时设置 width="120" 和 height="120",总是按比例显示的哦!

TOP

天涯听雨

中级会员

Rank: 3 Rank: 3

帖子：415
精华：2
积分：4414
威望：1
来自：东莞
在线：32 小时
注册：2007-8-25

6^# 大中小发表于 2008-6-12 10:07 只看该作者

//图像按比例缩小JS函数
function SmallImg(ImgD){
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
    flag=true;
    if(image.width/image.height>= 120/90){
     if(image.width>120){
         ImgD.width=120;
         ImgD.height=(image.height*120)/image.width;
     }else{
         ImgD.width=image.width;
         ImgD.height=image.height;
     }
    }
    else{
     if(image.height>90){
         ImgD.height=90;
         ImgD.width=(image.width*90)/image.height;
     }else{
         ImgD.width=image.width;
         ImgD.height=image.height;
     }
    }
  }
}

<img  src="http://bbs.bccn.net/ad/suhai_468_60.gif" onLoad="SmallImg(this)">

从明天起作个幸福的人、喂马劈柴周游世界

TOP

‹‹ 上一主题 | 下一主题 ››