@CoCoCoder
Новичок в веб-программировании,только учусь. :)

Как сделать функцию на JS при наведении на элемент картинки (векторная графика)?

В общем, на мой прошлый вопрос замечательно ответили,спасибо большое.Извиняюсь,но я не уточнил,что элементы - частички на картинке,которые выделяется при наведении при помощи CSS и были выделены на странице при помощи Inkscape,вот такой код:
<svg viewbox = '0 0 1193.3333 713.33331'>
            <a href = '#'>111111
	              <path class = 'city' id = 'moscow' d = 'm 199.65976,260.24441 2.11994,-4.04716 h 3.08355 l 0.19272,-2.50538 2.50539,-0.96361 9.05792,-0.19272 0.19272,5.01077 c 0,0 15.61047,4.81804 15.61047,4.81804 l 0.77088,4.4326 -5.58893,3.66172 -2.50538,4.62532 -1.15633,6.74526 4.4326,0.96361 0.57816,6.35982 -6.55254,-0.77089 -3.08355,1.34905 -2.89082,-0.57816 -2.69811,-2.31266 -2.31266,0.38544 -1.54177,1.34905 -1.92722,0.57817 -3.27627,-0.77089 2.11994,-2.31266 0.19272,-3.27627 -0.57816,-2.31266 -2.31267,-2.89083 -1.34905,-0.38544 4.4326,-3.46899 2.31266,-4.62533 -3.85443,-3.85443 z' fill = '#F5F5DC'>
              </a>

Я попробовал использовать скрипты как для обычного элемента HTML (на тестовой странице сделал подобное : <a> 111 </a> и данный скрипт (
document.querySelectorAll("a").forEach(el => el.addEventListener("mouseover", e => document.getElementById('output').innerHTML = "Вы навели на кнопку: "+e.target.textContent));
) там срабатывал. А на этой странице он срабатывает сразу на картинке и при этом при наведении на нужный элемент не выводит его названия.
Если что,картинка одна и она разграничена на части в программе Inkscape.
В этом случае уже ничего нельзя сделать,да?
Извините,но полный код выложить не могу,т.к. всё это делается для соревнования,участники которого могут скопировать идею (простите).
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
НТЦ РОСТ Москва
от 150 000 до 250 000 руб.
Sveak Барнаул
от 50 000 руб.
iFellow Екатеринбург
До 180 000 руб.