我有一个网站,用户可以上传未知尺寸的照片。 我正在尝试找出如何将图像变成固定大小的圆形。我可以创建圆形并使图像变成圆形,但我无法弄清楚如何防止图像在放入圆形时失真。是否有一种方法可以填充固定大小的圆形,并且不会扭曲图像(最好居中)?我在这里做了一个演示。非常感谢。
#circle {
border-radius: 50%;
width: 100px;
height: 100px;
}
<div><img src="https://source.unsplash.com/MUnoV4capRk/600x300" alt="" id="circle"></div>