hacborn
@hacborn
JavaScript Developer

Как поместить любое изображение поверх другого?

Как сделать так, чтобы любое изображение можно было поместить на стакан? Например логотип.
60b9c07530d29066643618.png
  • Вопрос задан
  • 308 просмотров
Решения вопроса 1
Как вариант просто рисовать загруженную картинку в canvas поверх дизайна:



Ещё можно помещать дизайн в одну канву, загруженную картинку в другую, и попиксельно пересчитывать, суммируя, в зависимости от альфа-канала. Или от маски стакана. Отрисовывать сумму в третью канву – её и показывать. Первые две прятать.

Так можно будет экспортировать готовый фотомонтаж как скачиваемый файл картинки. Всё в браузере, на JS, без бэкенда.

Недавно делал похожее — на картинку с камеры телефона накладывается видео с прозрачностью, можно делать «снимок» и экспортировать-делиться.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Ваш ответ на вопрос

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

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект