У меня есть серия прямоугольников svg (с использованием D3.js), и я хочу отображать сообщение при наведении курсора мыши, сообщение должно быть окружено ящиком, который действует как фон. Они должны быть идеально совмещены друг с другом и с прямоугольником (сверху и по центру). Каков наилучший способ сделать это?
Я попытался добавить текст svg, используя атрибуты "x", "y", "width" и "height", а затем добавив svg rect. Проблема в том, что опорная точка для текста находится посередине (так как я хочу, чтобы она была выровнена по центру, я использовал text-anchor: middle), но для прямоугольника это верхняя левая координата, плюс я хотел немного поля вокруг текста, который делает это как бы боль.
Другой вариант - использовать html div, что было бы неплохо, потому что я могу добавить текст и дополнение напрямую, но я не знаю, как получить абсолютные координаты для каждого прямоугольника. Есть ли способ сделать это?
