网络编程 
首页 > 网络编程 > 浏览文章

js 图片等比例缩放代码

(编辑:jimmy 日期: 2025/12/25 浏览:3 次 )
复制代码 代码如下:
var scaleImage = function(o, w, h){
var img = new Image();
img.src = o.src;
if(img.width >0 && img.height>0)
{
if(img.width/img.height >= w/h)
{
if(img.width > w)
{
o.width = w;
o.height = (img.height*w) / img.width;
}
else
{
o.width = img.width;
o.height = img.height;
}
o.alt = img.width + "x" + img.height;
}
else
{
if(img.height > h)
{
o.height = h;
o.width = (img.width * h) / img.height;
}
else
{
o.width = img.width;
o.height = img.height;
}
o.alt = img.width + "x" + img.height;
}
}
}

HTML
复制代码 代码如下:
<div>
<p><img src="/UploadFiles/2021-04-02/max.jpg"><p><img src="../comment/img/2.jpg"><p><img src="/UploadFiles/2021-04-02/3.jpg"><p><img src="../comment/img/4.jpg"></div>
上一篇:高性能web开发 如何加载JS,JS应该放在什么位置?
下一篇:跨浏览器开发经验总结(四) 怎么写入剪贴板
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap