javascript - 获取选定 SVG 元素的边界框

Question

我想阅读:

• 宽度,高度,x,y测量值

对于特定的 SVG 元素。

---

我想最简单的方法是获取 minimum bounding box首先阅读它的属性。

我如何访问它？

Answer 1

如果您有对 DOM 节点的引用，请使用

svgNode.getBoundingClientRect()

https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect

编辑:SVG 编辑有 a method返回当前选择的元素:

svgCanvas.getSelectedElems()

所以在上面的例子中:

svgNode = svgCanvas.getSelectedElems()[0];
svgNode.getBoundingClientRect();