Как реализовать аналог приложения «фото стилист»?

Question

[Tiberian]

Есть задание, цель которого разработать симулятор приложения фотостилист (загружается фотография человека, на которую пользователь накладывает маски/шляпы/усы, далее всё это сохраняет). Разрешается использовать HTML, CSS, JavaScript (вкл. jQuery&jQuery UI), PHP, MySql. Исходники страницы прилагаю: https://yadi.sk/d/YYs4NeXa39QrBH
Суть, как перемещать объекты на фотографию, зумить и переворачивать я понял. Не понимаю, как осуществлять сохранение готового результата. В гугле нашел скрипт html2canvas, но его использование запрещено.
Собственно, не понятно только сохранение измененной фотографии с налепленными на неё дивами (объектами)

Comments

[Cyber_bober]

А если написать свой html2canvas? так можно будет?

[Tiberian]

Cyber_bober: на задание дается 3 часа, если за 3 часа успеть написать свой скрипт и всё это будет работать, то можно.

[Владимир]

HTML2Canvas не нужен. Тебе на самом канвасе нужно было все миксить, и его же сохранять в картинку.

[Cyber_bober]

Tiberian: это что за челлендж такой?)

Answer 1

[Дмитрий]

Можно передавать в php ширину и высоту исходника, а также координаты, ширину/высоту, угол поворота каждого наложенного изображения. А в скрипте уже на сервере налеплять это дело в цикле на одно изображение.