所以我的应用程序中有一个缩略图集合，大小为200x200。有时候原始图片没有这个比例，所以我打算将这张图片裁剪为正方形。
目前，它只是将图像拉伸以适合缩略图，所以说我的原始图像尺寸为400x800，那么图像看起来非常压缩。我想裁剪此图像，使其看起来最短的宽度/高度，然后将其裁剪为正方形，因此在上面的示例中，它将裁剪为400x400。
有没有一种方法可以通过CSS轻松地做到这一点，或者我必须使用某种JS来做到这一点？
如果使用背景图像，则可以在CSS中轻松完成此操作。
.thumb {
display: inline-block;
width: 200px;
height: 200px;
margin: 5px;
border: 3px solid #c99;
background-position: center center;
background-size: cover;
}
在这个小提琴中，第一张图片是400x800，第二张图片是800x400：
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句