以svg为单位获取g边界框

Question

我正在尝试在 Javascript 中实现菜单，其中 menu-items 为svg:g。 要将项目标记为已选中，我想在菜单项之上移动另一个svg:g。

为此，我需要获取 menu-item （= svg:g）的边界框，这样我就可以将rect（x，y，width，height）应用到另一个。我还没有找到一种方便的方法来获取svg:g的边界框。

我能想到的唯一方法是递归到孩子们并手动计算边界框（近似值）。有更优雅的方式吗？

Answer 1

您应该只能使用组元素的getBBox方法 例如http://jsfiddle.net/PFnre/1/