В топике Tooltip с вырезами у стрелки рассматривались варианты оформления тултипа нарисованными средствами css или svg применительно к блокам Html.
Но в самом svg есть свой тултип, со стандартной формой отображения и текстом, который берется из тегов <title> любой текст </title>
Обязательным условием для появления текста тултипа является нахождение тегов <title>
внутри тегов группы <g>
или внутри вложенного <svg> <title> </title></svg>
Текст появляется при наведении и удержании курсора на блоке.
См. пример ниже:
<svg width="300" height="120" viewBox="0 0 300 120"
xmlns="http://www.w3.org/2000/svg" version="1.1">
<g>
<title> Синий прямоугольник</title>
<rect x="10" y="40" width="100" height="40" fill="dodgerblue" />
</g>
<g>
<title> Зеленый круг</title>
<circle cx="150" cy="60" r="20" fill="yellowgreen" />
</g>
<g>
<title> Оранжевый квадрат </title>
<rect x="190" y="40" width="40" height="40" fill="orange" />
</g>
</svg>
Вопрос
Возможно изменение формы, цвета тултипа svg?
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Доброго времени сутокПодскажите, как быть в следующей ситуации: изначально в поле таблица mysql хранились только цифровые значения (mediumint)
Цикл крутиться нормально, но после удаления одного элемента возникает ошибка