У меня есть файл eps, который я преобразовал в SVG. Это объект произвольной формы с множеством линий/заливок/штрихов/и т. д. с прозрачным фоном.
Я накладываю дополнительный элемент div поверх этого SVG, который имеет цветовой оттенок с прозрачностью, поэтому этот оттенок изменяет внешний вид SVG под ним. Это работает хорошо, однако я бы хотел, чтобы этот div располагался только над SVG (а не в большом прямоугольном блоке, как сейчас). Обратите также внимание, что я не хочу менять оттенок всего объекта SVG, а только его часть (скажем, 40%).
Любая идея, как я могу это сделать? Я бы подумал об обтравочной маске SVG, но пока не нашел способа сделать это.
Спасибо, Марк
ОБНОВЛЕНИЕ: Вот пример того, что я пытаюсь сделать. Человек слева — до выделения, а человек справа — после выделения. Я бы хотел, чтобы выделение влияло только на человека (только SVG, без фона), и мне нужно, чтобы его можно было регулировать (вверх и вниз, чтобы настроить объем заливки) в зависимости от используемого svg. Я также хотел бы, чтобы цвет заливки был прозрачным (скажем, 70%), чтобы сквозь него просвечивало изображение SVG.
Вот также JSFiddle с этим точным SVG http://bit.ly/1GFkjHI http://markshust.com/highlight.png