Как с помощью JS добавить правильно к элементам SVG
, чтобы визуально появлялось сообщение, размещенное внутри tooltip?
SVG грузится , а не рисуется на JS.<br><object id="idImageSVG" class="svgClass" /object>
<br>Добавлять tooltip в runtime, а не встраивать в SVG?
</p><br><h3>Ответ</h3><p style="text-align: justify; font-size: 14px;">
Это в данном вопросе без разницы, как вы добавляете svg в HTML.
Если вы добавляете файл svg, через object, то потом будете использовать элементы svg внутри HTML странички через команду use <br>Главное, чтобы, код реализующий title svg был рабочим. А каким способом вы его добавите не имеет значения. Либо в самом файле svg, либо динамически c помощью JS <br>Чтобы тултип срабатывал необходимо его разместить внутри тега группы <g> <br>Пример создания svg tooltip. Удерживайте курсор на фигурах до появления тултипа <br>
<meta charset="utf-8">
<svg width="50%" height="50%" viewBox="0 0 400 400">
<g id="titleRect">
<title> Это зеленый квадрат Это пурпурный круг Добавление svg файлов в HTML:
Комментариев нет:
Отправить комментарий