我有一系列的svg矩形(使用D3.js),我想在鼠標(biāo)懸停時(shí)顯示一條消息,該消息應(yīng)被用作背景的框包圍。它們應(yīng)彼此完全對齊,并與矩形(頂部和中心)完全對齊。做這個(gè)的最好方式是什么?我嘗試使用“ x”,“ y”,“ width”和“ height”屬性添加svg文本,然后在svg rect之前添加。問題是文本的參考點(diǎn)在中間(因?yàn)槲蚁M又袑R,所以我使用text-anchor: middle),但是對于矩形,它是左上角的坐標(biāo),而且我想在文本周圍留一點(diǎn)空白,這使它有點(diǎn)像痛苦。另一種選擇是使用html div,這會很好,因?yàn)槲铱梢灾苯犹砑游谋竞吞畛?,但是我不知道如何獲取每個(gè)矩形的絕對坐標(biāo)。有沒有辦法做到這一點(diǎn)?
如何在svg圖形中添加工具提示?
慕斯王
2019-10-28 18:44:14