如果能够重生 请让我创意飞扬 献给我们的团队IdeaSoft
一个背负重生历史使命的团队 我们创意飞扬
posts - 16, comments - 43, trackbacks - 0, articles - 0
博客园
首页
新随笔
联系
管理
订阅
JavaScript,等比例缩放图片的函数,很好用。
在Web上显示图片,通常都会有图片显示比例问题,如果不给<img />限制width和height,那么如果图片大了就会将整个页面挤乱,图片小了又会使图片失真。
我的需求如下:
1、预先定义好图片显示的标准宽度和高度。
2、如果图片的大小超过了标准定义,那么等比例压缩图片。
3、如果图片的大小等于标准定义,那么按照标准宽度和高度显示图片。
4、如果图片的大小小于标准定义,那么不对图片进行任何压缩处理。
可能是我搜索的关键字不对吧,在网上找了很长时间,才找到,感觉很好使。代码如下
<
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
>
调用:
<
img src
=
"
images/toplogo.gif
"
onload
=
"
javascript:DrawImage(this,100,100)
"
>
绿色通道:
好文要顶
关注我
收藏该文
与我联系
Posted on 2006-02-28 09:53
雨田美文
阅读(2522)
评论(0)
编辑
收藏
注册用户登录后才能发表评论,请
登录
或
注册
,
返回博客园首页
。
首页
博问
闪存
新闻
园子
招聘
知识库
最新IT新闻
:
·
百度旗下招聘网站百伯蹊跷切换域名
·
麦考林业绩大幅下滑 新浪投资电商暂失算
·
苹果将关闭MobileMe 用户转向iCloud
·
苹果应该打折销售iPad的10个理由
·
微软扩展数据中心 斥资1.3亿美元
»
更多新闻...
最新知识库文章
:
·
编程的艺术:漂亮的代码和漂亮的软件
·
GIT分支管理是一门艺术
·
编程:是一门艺术
·
编程是一门艺术吗?
·
对Java初学者的忠告
»
更多知识库文章...
China-pub 2011秋季教材巡展
China-Pub 计算机绝版图书按需印刷服务
<
2006年2月
>
日
一
二
三
四
五
六
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
昵称:
雨田美文
园龄:
6年4个月
粉丝:
0
关注:
0
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
随笔分类
.Net Windows Form开发文章(1)
.Net技术文章(2)
Web开发(2)
随笔档案
2006年2月 (2)
2005年11月 (3)
2005年10月 (11)
最新评论
阅读排行榜
评论排行榜
推荐排行榜