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

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

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

我的收件箱(0)

共有 1544 人关注过本帖

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

只看楼主加入收藏

atian

等　级：新手上路
帖　子：268
专家分：0
注　册：2006-1-24
结帖率：60%

楼主

问题点数：0 回复次数：5

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

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

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

2008-06-11 22:17

hugeannex

等　级：蝙蝠侠
威　望：6
帖　子：483
专家分：911
注　册：2005-3-20

第 2 楼

得分:0

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

世事如潮我如水，只叹江湖几人回。

2008-06-11 23:01

hugeannex

等　级：蝙蝠侠
威　望：6
帖　子：483
专家分：911
注　册：2005-3-20

第 3 楼

得分:0

程序代码：

<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="https://bbs.bccn.net/ad/suhai_468_60.gif" onLoad="aa(this)">
</body>

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

世事如潮我如水，只叹江湖几人回。

2008-06-11 23:55

hmhz

等　级：贵宾
威　望：30
帖　子：1890
专家分：503
注　册：2006-12-17

第 4 楼

得分:0

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

[编程论坛] ASP超级群：49158383 敲门暗号：ASP编程
龍艺博客 http://www.

2008-06-12 08:05

makebest

等　级：蝙蝠侠
威　望：3
帖　子：658
专家分：962
注　册：2005-3-17

第 5 楼

得分:0

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

2008-06-12 09:48

天涯听雨

来　自：东莞
等　级：论坛游民
威　望：4
帖　子：497
专家分：64
注　册：2007-8-25

第 6 楼

得分:0

//图像按比例缩小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="https://bbs.bccn.net/ad/suhai_468_60.gif" onLoad="SmallImg(this)">

从明天起做幸福的人，喂马劈柴周游世界！

2008-06-12 10:07

快速回复：请教:用什么方法可以将图片按比例缩放,但又不是按实际图片大小来显示. ...