JavaScript 实现网页图片的等比缩放
2021-03-05 11:29
标签:不能 使用 图片 off lan offset htm title 动态控制 网上有很多写使用纯CSS来实现图片的等比缩放的,到目前为止,我还没有发现一个可用的方法。这里的等比缩放是指按照图片的原始尺寸和比例进行缩放。 网上的方法大多如下: 或者动态计算一下 这些都不能实现等比缩放。 我使用JS的动态计算实现了一下。 大致原理如下 : (1)获取图片的原始高和宽。 (2)根据限定的宽和高计算等比缩放后的宽和高。 (3)再使用js动态控制图片展示的宽和高。 代码可以去我的个人博客去看:https://www.lebang2020.cn/details/210124ycbfvuqd.html JavaScript 实现网页图片的等比缩放 标签:不能 使用 图片 off lan offset htm title 动态控制 原文地址:https://www.cnblogs.com/xinsiyu/p/14322941.htmlimg{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
img {max-width:630px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 630)?"630px":"auto"});}
上一篇:036.Python的TCP语法