Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Mary Солнечная
@MaryT
IT люблю
SVG
Как наложить цвет на svg?
Коллеги, добрый день!
Имеется вот такая карта:
Надо вот так:
Вопрос: как наложить цвет? Гуглила в сторону svg фильтров, но гугыл не помог, либо плохо гуглила.
Буду всем благодарна за помощь!
Вопрос задан
более трёх лет назад
284 просмотра
2
комментария
Подписаться
1
Оценить
2
комментария
Facebook
Вконтакте
Twitter
Сергей delphinpro
@delphinpro
opacity: 0.5; для всей карты
Написано
более трёх лет назад
Mary Солнечная
@MaryT
Автор вопроса
opacity - задает прозрачность, сохраняя цвет, а мне нужно было бы наложение красного цвета с прозрачностью на svg)
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Яндекс Практикум
Фронтенд-разработчик расширенный
13 месяцев
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Евгений Саймон
@Comers
Frontend Dev.
Попробуй css-фильтры наложить на блок с svg
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Mary Солнечная
@MaryT
Автор вопроса
фильтры хорошие, но пока фигня. Не могу наложить цвет. Он может сделать контрастнее, сепию, прозрачнее, серее, но не вот такое) поковыряю еще
Написано
более трёх лет назад
Mary Солнечная
@MaryT
Автор вопроса
IT люблю
Ответ на вопрос гениальный - поменять цвета слоев svg в соответствии с цветами затемнения)
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
React
+1 ещё
Простой
Как анимировать SVG в react?
1 подписчик
15 часов назад
80 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
4 подписчика
30 мая
1551 просмотр
1
ответ
SVG
+2 ещё
Простой
Можно ли перевести Sketch and Toon анимацию из C4D в SVG (canvas) анимацию?
1 подписчик
17 мая
140 просмотров
1
ответ
SVG
Простой
Почему не работает font в svg?
1 подписчик
13 мая
78 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как сделать вращение текста вокруг svg?
1 подписчик
23 апр.
196 просмотров
1
ответ
SVG
+1 ещё
Средний
SVG в Safari открывается криво, а в Chrome & FF — нормально. Какие еще есть реализации SVG?
1 подписчик
17 апр.
78 просмотров
0
ответов
SVG
Простой
Есть ли тут кто нибудь, кто работал с визуальным представлением больших графов (~3000 вершин)?
7 подписчиков
11 мар.
4946 просмотров
1
ответ
SVG
Простой
По правилам ли разные SVG файлы с одинаковыми ID?
1 подписчик
04 янв.
105 просмотров
2
ответа
HTML
+1 ещё
Простой
Почему некорректно отображается иконка?
1 подписчик
10 дек. 2024
158 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как с помощью js создать прямоугольное соединение двух и более элементов в SVG?
2 подписчика
26 нояб. 2024
154 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Golang Engineer в команду Отелло
2GIS
До 550 000 ₽
Аналитик данных
Mains Lab
•
Москва
До 188 000 ₽
Менеджер проектов
Phystech.Genesis
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама