Нарисуйте прямоугольник в SVG вокруг тегов в DndTree (граф дерева D3)

Question

Я нашел этот большой кусок кода, который я хотел бы использовать в своем хобби-проекте: http://bl.ocks.org/robschmuecker/7926762

Я хотел бы нарисовать прямоугольники вокруг узлов (и раскрасим их, что будет иметь разное значение).

Я нашел этот вопрос: Как нарисовать рамку вокруг текста с помощью SVG? Я изменил ее, чтобы работать с классами и добавил этот фрагмент кода в конце метода update (): add_bounding_box('nodeText');

Произошло следующее:

Также это возникли проблемы, когда я пытался закрыть узлы из-за дублирования.

Я пытался связаться с разработчиком, чтобы помочь мне с этой функцией, но он еще не ответил мне.

Answer 1

Я смог сделать то, что хотел, немного изменив приведенный выше код. Итак, в текущем случае не было никаких проблем с преобразованием, потому что я добавил элемент уже как дочерний элемент преобразованного элемента.

Проблема заключалась в том, что связанный вопрос устанавливает атрибуты X и Y для некоторых номер, который не должен происходить в моем случае. Я удалил эти атрибуты.

Кроме того, я должен был принять во внимание, что он масштабируемый, поэтому мне пришлось разделить ширину / высоту на количество шкал.

Наконец, мне просто нужно было позаботиться был ли элемент выровнен по левому или правому краю, но на самом деле это тривиально.