Как сделать отображение пользовательского фото под шаблоном, с перемещением?
Суть в том, что есть какое-то изображение с прозрачной областью, в которой должно появляться лицо из загружаемого пользователем изображения.
Важно иметь возможность двигать загруженное изображение и изменять размер.
Может, видел кто похожее? Или подскажите, по каким ключевым словам искать.
UP: Есть, допустим, на улице всякие фигуры с отверстием для лица. Люди заходят за фигуры, выставляют лица в эти отверстия и фотографируются.
Нужно сделать что-то типа такого, но на сайте. Чтобы посетитель загрузил своё фото, выровнял, увеличил/уменьшил до нужного размера и сохранил (или на сервере сохранить - не принципиально).
маску можно делать очень по разному вплоть до элемента перекрывающего часть картинки. альфа-канал - это скорее фоторедакторы.
тебе нужно примерно это https://css-tricks.com/clipping-masking-css/
Froggyweb, возможно, я не совсем правильно задал вопрос.
Есть, допустим, на улице всякие фигуры с отверстием для лица. Люди заходят за фигуры, выставляют лица в эти отверстия и фотографируются.
Нужно сделать что-то типа такого, но на сайте. Чтобы посетитель загрузил своё фото, выровнял, увеличил/уменьшил до нужного размера и сохранил (или на сервере сохранить - не принципиально).
фигура - это пнг. фотка это просто фотка с z-index.
вообще хотелка довольно непростая. Единственно чем могу помочь это в список запросов добавить canvaas
