Javascript 访问内嵌SVG'；s变换的组边界框（x和y位置、宽度和高度）？

是否有一种“简单”的DOM方法来获取组的变换位置（中心或原点）和边界框（宽度、高度）

作为逻辑容器标记，除了其子级使用的

转换

之外，没有几何属性

let o=document.getElementById（“o”）；
设g=document.getElementById（“g”）；
o、 textContent+=“rect x=“+r.x.baseVal.value+”\n”；
o、 textContent+=“组x=”+g.x.baseVal.value+“\n”//类型错误：g.x未定义

svg{背景色：#f3}

通过SVGGraphicsElement.getBBox（）可以确定 对象所在的最小矩形的坐标。这个 返回的坐标与当前svg空间有关，即。 在所有元素上应用所有几何体属性之后 包含在目标元素中

而且：

返回的值是一个SVGRect对象，它定义了边界 盒子。该值为，与任何变换无关属性 应用于它或父元素

---

打电话给getBBox。这不仅适用于单个叶元素，也适用于单个叶元素。@RobertLongson谢谢，现在只需要转换结果-你知道这样做的方法吗？创建一个父元素并获取该元素的边界框。