在 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 属性设置为某个数字，这在我的情况下不应该发生。 我已经剥离了这些属性。

我还必须考虑到它是可缩放的，所以我必须将宽度/高度除以比例数。

最后我只需要注意项目是左对齐还是右对齐，但这实际上是微不足道的。