Необходимо создать страницу на которой клиент оформит и настроит заказ гравировки лазером.
Прикрепил файл в котором показан необходимый функционал
Важные моменты:
1) Посмотрите функционал в прикреплённом документе, он весь должен работать.
2) Калькулятор стоимости, в зависимости от выбранных настроек пользователем должна высчитываться стоимость. Необходимо как то понимать, сколько заполненных пикселей (также не белых) есть на фото.
3) Форма оплаты пока не должна работать, её необходимо только сверстать.
4) Каждый заказ должен куда-то отправляться владельцам сайта, допустим в мини админку, в таблицу, пока не решили, это можем обсудить лично.
5) После загрузки картинки, любые изменения со стороны пользователя в настройках должны применятся и на саму картинку. (В основном это изменение цвета ЧБ или градиент и размер), форма ставиться поверх картинки.
Нашел в интернете такое
townsean.github.io/canvas... Возможно можно как-то интегрировать в нашем случае чтобы подсчитывал количество пикселей.