@Pollimos

Как сделать окрашивание области изображения в html?

Подскажите, как реализовать на сайте следующую задачу:

Есть изображение. В нем расположен продукт (товар). У товара есть несколько цветовых вариантов. Цвета расположены в виде палитры рядом с изображением.
Задача: менять цвет продукта (заданной области на изображении) кликом на соответствующий цвет в палитре.
  • Вопрос задан
  • 282 просмотра
Пригласить эксперта
Ответы на вопрос 4
@Cnfc19932
Full-stack web developer
Какой там html у этого блока?
Ответ написан
Комментировать
@dmitryKovalskiy
программист средней руки
Постановка задачи немного не полна, а соответственно решений тоже может быть масса. Можно хранить набор изображений со стилем именования "ProdictId_ProductColor" и по клику на цвет - подменять src изображения на нужный. Или вы хотите именно перерисовывать Canvas?
Я бы для начала уточнил что у вас есть. Каталог товаров и список доступных цветов?
Ответ написан
Комментировать
@GreatRash
Ответ написан
Комментировать
@Pollimos Автор вопроса
GreatRash, вот механика работы: defrance.by/tseny-prajs/podbor-zveta - цветовой калькулятор. тыкаем по цвету и область изображения окрашивается
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы