Приветствую. Есть картинка, состоящая из 3 цветов (оттенки серого). Каждый из оттенков может заливаться цветом на усмотрение пользователя (будет предоставлена палитра из 20 цветов). То есть их будет достаточно много, чтобы делать все возможные варианты.
Каким образом можно реализовать вышеописанный функционал? Как выявлять определенные цвета и заменять их на иные при помощи JS или любого другого языка/библиотеки в картинке формата, допустим, PNG.
Если такой способ невозможен, то существуют ли какие-то другие варианты? Заранее спасибо.
Картинки уже есть готовые и разделить их будет не проблема. Можете подробнее описать, каким образом можно их залить цветом и воссоединить в целую картинку обратно?
Александр Аксентьев: А если вопрос поставить следующим образом: Как сделать интерактивную раскраску? Есть у фигуры контуры, содержание которых нужно закрасить выбранным цветом. То бишь сделать заливку в реальном времени по клику в область, которую надо закрасить.
Александр Аксентьев: Хорошо, спасибо. Чисто из доп.интереса: если фигура была бы более сложная и ее сделать через Canvas было бы муторно(много углов, например), да и в PS вырезать тоже неприятно?
Гриша Никольский: если все совсем сложно, то скорее всего более простой вариант это сгенерировать все возможные варианты скриптом каким-нибудь на сервере, а на странице через JS просто составлять имена по какой-то схеме единой.