【JavaScript等比例缩放图片】
来源:互联网 发布:java支持linux 编辑:程序博客网 时间:2024/05/17 04:59
js等比例缩放图片,这个功能非常实用,当网页加载一个尺寸比较大的图片时,往往会把一个网页撑的变形,页面变得很难看,于是我们就想到了用JS去控制超出一定范围的图片,绿茶GhostXP系统下载以稳定页面布局,本代码段就是完成了此功能,而且代码非常简洁,效果很好萝卜家园系统下载。
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
29
30
31
32
33
34
<
html
>
<
head
>
<
title
>等比例缩放图片</
title
>
<
script
>
function DrawImage(ImgD,iwidth,iheight){
//参数(图片,允许的宽度,允许的高度)
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
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;
}
}else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</
script
>
</
head
>
<
body
>
<
img
src
=
http
://www.2cto.com/uploadfile/2013/0803/20130803034531502.jpg"
alt
=
"自动缩放后的效果"
width
=
"100"
height
=
"100"
onload
=
"javascript:DrawImage(this,80,80)"
/>
</
body
>
</
html
>
- JavaScript等比例缩放图片
- JavaScript等比例缩放图片
- 【JavaScript等比例缩放图片】
- javascript 实现网页图片等比例缩放
- JavaScript,等比例缩放图片的函数
- JavaScript,等比例缩放图片的函数
- 用JavaScript实现图片等比例缩放
- 用javascript实现图片等比例缩放
- 图片等比例缩放
- 图片等比例缩放
- 图片等比例缩放
- 图片等比例缩放
- 图片等比例缩放
- 图片等比例缩放
- 等比例缩放图片
- 等比例缩放图片
- 等比例缩放图片
- 图片等比例缩放
- datagridview列标题居中显示
- Wikioi P1099 字串变换
- hdu 1717 小数化分数
- hdu 4003 树形DP
- Linux上程序调试的基石(1)--ptrace
- 【JavaScript等比例缩放图片】
- hdu 1754 I hate it
- java LDAP userPassword
- 关于嵌入式操作系统几个主流方向的比较
- [Python] subprocess module
- iOS 各种传值方式
- 计算机图形学与多媒体 推荐会议和期刊
- Checkbox 对象
- DropDownList的级联绑定省份和城市