Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
KuzmenkoArtem
@KuzmenkoArtem
JavaScript
SVG
Canvas
Выделение сложных фигур на странице?
Есть сложная фигура нарисованная в фотошопе. Нужно что бы при наведении происходили какие либо действия.
Каким методом можно реализовать?
Вопрос задан
более трёх лет назад
161 просмотр
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
teslor
@teslor
Если не нужна поддержка древних браузеров, то лучший способ - векторизировать фигуру и разместить в SVG-элементе, на который уже можно навесить любые обработчики.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Алексей Струков
@pm_wanderer
junior-HTML
Вам надо создать image map для своей фигуры.
Тут можно сделать это автоматически:
https://developer.cdn.mozilla.net/media/uploads/de...
А про использование можно почитать здесь:
htmlbook.ru/content/karty-izobrazheniya
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
КРАКЕН! !! Все Ссылки 2025 Список Рабочих Ссылок и Зеркал Для Безопасного Входа в KRAKEN?
1 подписчик
31 минуту назад
21 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
вчера
97 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
79 просмотров
2
ответа
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
109 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
76 просмотров
1
ответ
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
79 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
166 просмотров
1
ответ
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
229 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Как отключить глобальные объявления?
1 подписчик
12 авг.
168 просмотров
0
ответов
JavaScript
Простой
Есть ли ресурс где можно посмотреть все генераторы микро/макро задач?
1 подписчик
12 авг.
176 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама