Color this sofa! – SVG + Blend Mode trick
Автор показывает как реализовать палитру цветов для изображений продуктов. Даже не имея этих изображений продукта в тысячи цветов. Даже если у нас нет изображений продуктов в векторном формате, чтобы мы могли применять
1. Создайте векторный контур, который покрывает область на JPG, которая изменит цвет (возможно, в Photoshop с помощью Pen Tool и экспорта вектора).
2. Поместите эту сплошную векторную область точно поверх JPG продукта.
3.
4. Измените цвет заливки SVG по желанию.
#colorpicker #svg #css #javascript
Автор показывает как реализовать палитру цветов для изображений продуктов. Даже не имея этих изображений продукта в тысячи цветов. Даже если у нас нет изображений продуктов в векторном формате, чтобы мы могли применять
fill к SVG.1. Создайте векторный контур, который покрывает область на JPG, которая изменит цвет (возможно, в Photoshop с помощью Pen Tool и экспорта вектора).
2. Поместите эту сплошную векторную область точно поверх JPG продукта.
3.
mix-blend-mode: multiply; SVG.4. Измените цвет заливки SVG по желанию.
#colorpicker #svg #css #javascript