Задать вопрос
@denisbookreev
html

Как разместить svg не квадратным блоком, а чтобы наведение осуществлялось только по границам этой SVG?

Самый яркий пример - карты.
Есть множество svg-элементов, которые плотно прилежат друг к другу неровными границами.

Располагая эти SVG тегом img мы получим квадратный блок для взаимодействия
С помощью svg>use тоже квадратный блок.
Для взаимодействия с мышью это абсолютно неудобно, ведь надо чтоб каждая SVG была самостоятельной и не перекрывала(сь) другие(ми)

Как же тогда реализовать?
  • Вопрос задан
  • 500 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 3
alsolovyev
@alsolovyev
"5 лет занимаюсь веб-разработкой" (c)
Давайте подумаем... Как можно еще размещать svg на странице? Какие есть еще варианты? Кроме<img>...

ps https://jsfiddle.net/p6Lc3nco/
Ответ написан
Комментировать
Комментировать
alvvi
@alvvi
export default apathy;
Сделайте это одним тегом svg и вставьте его инлайново.
Ответ написан
2 комментария
2 комментария
andykov
@andykov
Shit happens
www.petercollingridge.co.uk/data-visualisation/mou...
И лучше делать одним svg
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Составить единую таблицу SQL
26 апр. 2024, в 16:51
2000 руб./в час
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Ещё заказы