Cuando el usuario cambia la imagen cuadrada a una imagen circular, el borde permanece cuadrado. ¿Hay alguna forma de cambiar el borde a un círculo automáticamente?
Si te entiendo correctamente, prueba este enfoque:
HTML:
<div class="image-cropper"> <img src="your-image" alt="avatar" class="profile-pic"> </div>CSS:
.image-cropper { width: 100px; height: 100px; position: relative; overflow: hidden; border-radius: 50%; } .profile-pic { display: inline; margin: 0 auto; margin-left: -25%; //centers the image height: 100%; width: auto; }Enmarcará tu imagen perfectamente ya que tenemos una foto de perfil en las redes sociales.