@ivanovav27
Занимаюсь разработкой сайтов

Как реализовать расположение элемента, на картинке?

Добрый день! Подскажите, как можно реализовать данный функционал?
- Человек загружает картинку на сайт
- Выбирает на картинке себя и/или друга и добавляет ФИО (аля функционал инсты, когда отмечаешь пользователя на фотке)
- Скачивает картинку с подписями
5c48158a55d85822301568.jpeg
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
john36allTa
@john36allTa
alien glow of a dirty mind
После загрузки фото на сайт, оно отображается пользователю. Он в свою очередь рисует на нём прямоугольник (отмечает лицо) и добавляет подпись ниже (или где нибудь ещё). Нарисовать прямоугольник на фото можно c помощью JS. Родитель img имеет свойство CSS position relative, img и все наложения на него absolute. Прямоугольник можно нарисовать обычным DIV с border и для красоты border-radius к примеру, перемещать и масштабировать с помощью свойств CSS top left width height. Можно конечно и с canvas заморочиться, если нужен UI по интереснее.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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