Как наложить цвет на png с помощью CSS, JS?

Question

[Дмитрий Казаринов]

У меня есть форма:

Я хочу менять ей фон с помощью css, js.

Еще мне нужно наложить фон в виде градиента.

Я не думаю что мне подойдет svg формат. Поэтому есть ли решения на css, js?

Comments

[Lynn «Кофеман»]

> Я не думаю что мне подойдет svg формат

С чего бы?
Скорее строго наоборот. Форма похожа на нарисованную в кривых, что прямо таки специализация SVG.

Возможно надо пойти к автору и взять у него исходник в кривых, а не PNG.

[Дмитрий Казаринов]

Lynn «Кофеман», это сложно для клиента, ему придется создавать много разных форм, я хочу универсальное решение

[Lynn «Кофеман»]

Эм, а какая разница придётся ему создавать много PNG или много SVG?

[Дмитрий Казаринов]

Lynn «Кофеман», для svg нужно прописывать определенные классы на path, а в png нет

[Lynn «Кофеман»]

Кажется у вас какое-то превратное представление о SVG

Answer 1

[Виталий Першин]

Как вариант использовать изображение как маску:

Comments

[Дмитрий Казаринов]

Благодарю за ответ!

Answer 2

[Антон Антон]

Конкретно это изображение проще заменить на inline svg или svg sprite и менять fill color через css или js. Ещё и весить будет меньше.