我有一系列 svg 矩形(使用 D3.js),我想在鼠标悬停时显示一条消息,该消息应该被一个作为背景的框包围。它们应该彼此完美对齐并与矩形(在顶部和中心)对齐。做这个的最好方式是什么?
我尝试使用“x”、“y”、“宽度”和“高度”属性添加一个 svg 文本,然后添加一个 svg 矩形。问题是文本的参考点在中间(因为我希望它居中对齐我使用过text-anchor: middle
),但对于矩形,它是左上角的坐标,另外我想要在文本周围留一点边距,这使它有点像一种痛苦。
另一个选项是使用 html div,这很好,因为我可以直接添加文本和填充,但我不知道如何获取每个矩形的绝对坐标。有没有办法做到这一点?