@Dantes589

Как сделать круговую обрезку аватара?

Добрый день, подскажите пожалуйста как сделать реальную обрезку фото с получением координатов, ширины и высоты как в этой Demo? То есть нужно просто выделять область картинки и иметь возможность уменьшать и расширять
https://kirill3333.github.io/react-avatar/
Можно на нативном JS или React, без библиотек.
  • Вопрос задан
  • 334 просмотра
Пригласить эксперта
Ответы на вопрос 3
xmoonlight
@xmoonlight Куратор тега JavaScript
https://sitecoder.blogspot.com
На реакте и без библиотек...
Вспомнился диалог из "Алисы..." (х/ф):
- Нам надо разделиться...
- Так, давай разделимся...
- НО! ВМЕСТЕ!

В интернете решений с уроками - просто навалом. Видимо, реакт все ресурсы забрал))
Ответ написан
Emchik
@Emchik
Что-то прикольное сделать могу
Не проще на CSS это делать?
Хотя бы так:
.avatar img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
Ответ написан
@whoame
Введя в Гугл crop image js/react выводятся 100500 библиотек, смотришь что подходит и юзаешь

Видимо автора запутал тот факт что нужно круглым сделать. На деле картинка квадратная обрезается и на фронте через бордер радиус закругляется
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы