Как применить цветовой оттенок с помощью canvas + применить к классу CSS - PullRequest
0 голосов
/ 07 марта 2012

Я создаю сайт с сотнями изображений продуктов.Изображения продуктов будут квадратными .png с различным логотипом, «вырезанным» (прозрачным) каждого из них.Каждое изображение сделано в иллюстраторе, сохранено для Интернета и размещено на сайте.

Каждое из этих изображений настраивается заказчиком в цвете.Я достигаю этого на данный момент с помощью <select> раскрывающихся списков и jQuery (цвет фона изображения меняется в зависимости от того, какая опция выбрана, делая вид, что цвет логотипа изменился).

Моя проблема в том, что, если я решу изменить цвет сплошного цвета изображения в любое время по пути, и я уже создал все эти изображения в иллюстраторе, это будет чрезвычайно трудоемкая задача для выполнения.Поэтому я попытался решить эту проблему.

Я почти нашел решение - я использовал функцию «Оттенок» PaintBrushJS, которая, казалось, меняла цвет сплошного цвета и игнорировала прозрачную область, что хорошо, ноЕсть ли способ сделать это более широко распространенным способом?

Является ли PaintBrushJS лучшим способом сделать это?Как бы я сделал это без этого?

Можно ли создать класс CSS (или что-то подобное) и применить его к каждому изображению продукта, чтобы я мог изменить цвет позже, и он будет работать на всем сайте

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...