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

js 图片等比例缩放代码

(编辑:jimmy 日期: 2025/12/29 浏览: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应该放在什么位置?
下一篇:跨浏览器开发经验总结(四) 怎么写入剪贴板
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap