在 SVG 中圍繞 DndTree 中的標簽繪制矩形（D3 樹圖）

Question

我找到了這段很棒的代碼，我想在我的愛好項目中使用它： http : //bl.ocks.org/robschmuecker/7926762

我想在節點周圍繪制矩形（並為它們着色，這將具有不同的含義）。

我發現了這個問題： How can I draw a box around text with SVG? 我將其更改為對類進行操作，並在 update() 方法的末尾添加了這段代碼： add_bounding_box('nodeText');

發生了以下情況：

當我試圖關閉節點時，它也有問題，被復制。

我試圖聯系開發人員以幫助我完成此功能，但他尚未回復我。

Answer 1

通過稍微修改上面的鏈接代碼，我能夠做我想做的事。 因此，在當前情況下，轉換沒有任何問題，因為我已經將元素添加為轉換元素的子元素。

問題是鏈接的問題將 X 和 Y 屬性設置為某個數字，這在我的情況下不應該發生。 我已經剝離了這些屬性。

我還必須考慮到它是可縮放的，所以我必須將寬度/高度除以比例數。

最后我只需要注意項目是左對齊還是右對齊，但這實際上是微不足道的。