Я создаю сайт с сотнями изображений продуктов.Изображения продуктов будут квадратными .png с различным логотипом, «вырезанным» (прозрачным) каждого из них.Каждое изображение сделано в иллюстраторе, сохранено для Интернета и размещено на сайте.
Каждое из этих изображений настраивается заказчиком в цвете.Я достигаю этого на данный момент с помощью <select>
раскрывающихся списков и jQuery (цвет фона изображения меняется в зависимости от того, какая опция выбрана, делая вид, что цвет логотипа изменился).
Моя проблема в том, что, если я решу изменить цвет сплошного цвета изображения в любое время по пути, и я уже создал все эти изображения в иллюстраторе, это будет чрезвычайно трудоемкая задача для выполнения.Поэтому я попытался решить эту проблему.
Я почти нашел решение - я использовал функцию «Оттенок» PaintBrushJS, которая, казалось, меняла цвет сплошного цвета и игнорировала прозрачную область, что хорошо, ноЕсть ли способ сделать это более широко распространенным способом?
Является ли PaintBrushJS лучшим способом сделать это?Как бы я сделал это без этого?
Можно ли создать класс CSS (или что-то подобное) и применить его к каждому изображению продукта, чтобы я мог изменить цвет позже, и он будет работать на всем сайте