会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
DotNet Garden
博客园
首页
新随笔
订阅
管理
Javascript 代码片段 - 按原始比例显示图片
Javascript 代码片段 - 按原始比例显示图片
function
AutoSize(img, imgWidth, imgHeight)
{
var
newImg
=
document.createElement(
"
img
"
);
newImg.src
=
img.src;
var
width
=
newImg.width;
var
height
=
newImg.height;
var
proportion
=
width
/
height;
var
wp
=
width
/
imgWidth;
var
hp
=
height
/
imgHeight;
if
(wp
>
1
||
hp
>
1
)
{
if
(wp
>
hp)
{
width
=
imgWidth;
height
=
imgWidth
/
proportion;
}
else
{
width
=
imgHeight
*
proportion;
height
=
imgHeight;
}
}
img.style.width
=
width;
img.style.height
=
height;
}
备注:用 document.createElement("img") 方法创建新图片可以避免图片被指定尺寸后无法取得图片的真实高度、宽度,确保图片尺寸未被指定的情况下可以省略。
posted on
2007-04-21 10:23
Gardener
阅读(
622
) 评论(
1
)
收藏
举报
刷新页面
返回顶部