css无损截取图片的正方形

可以通过CSS的background-size和background-position属性来实现无损截取图片的正方形。

首先，将图片作为背景图设置到一个元素上，然后设置background-size为cover，这样图片会等比例缩放，完全覆盖该元素。

接着，利用background-position属性将图片定位到元素的中心位置，然后再设置元素的宽高为相同的值（比如100px），这样就可以实现无损截取图片的正方形了。

示例代码如下：

<div class="square"></div>

.square {
  width: 100px;
  height: 100px;
  background-image: url('path/to/image.jpg');
  background-size: cover;
  background-position: center;
}

可以根据自己的实际情况来调整元素的宽高和背景图片的位置。