为了账号安全,请及时绑定邮箱和手机立即绑定

如何在svg图形中添加工具提示?

如何在svg图形中添加工具提示?

Helenr 2019-12-12 10:10:40
我有一系列的svg矩形(使用D3.js),我想在鼠标悬停时显示一条消息,该消息应被用作背景的框包围。它们应彼此完全对齐,并与矩形(顶部和中心)完全对齐。做这个的最好方式是什么?我尝试使用“ x”,“ y”,“ width”和“ height”属性添加svg文本,然后在svg rect之前添加。问题是文本的参考点在中间(因为我希望它居中对齐,所以我使用text-anchor: middle),但是对于矩形,它是左上角的坐标,而且我想在文本周围留一点空白,这使它有点像痛苦。另一种选择是使用html div,这会很好,因为我可以直接添加文本和填充,但是我不知道如何获取每个矩形的绝对坐标。有没有办法做到这一点?
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 288 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信