Импорт библиотек в файлах SVG
В настоящее время я работаю над небольшим личным проектом, в котором я хотел бы иметь возможность навести курсор на элементы SVG на веб-странице и получить всплывающую подсказку с информацией.
В настоящее время у меня есть файл HTML, который отображает файл SVG в виде object
, Этот файл SVG также импортирует файл JS в script
тег. Я хочу иметь возможность использовать внешнюю библиотеку (tippy.js
) внутри этого файла JS и взаимодействовать с элементами SVG.
Тем не менее, это вызывает немало проблем. Я запутался в том, как импортировать библиотеку, сохраняя функциональность с SVG. Если я пытаюсь импортировать его, как я сделал с файлом JS (в script
tag) выдает ошибку: Uncaught TypeError: Cannot read property 'insertBefore' of null
,
Если я попытаюсь нормально импортировать его в HTML-документ и просто попробовать его с помощью div, он прекрасно работает.
Кто-нибудь может указать мне правильное направление относительно того, как я правильно взаимодействую со всеми этими объектами и библиотеками? Спасибо!