获取所选SVG元素的边界框

Question

我想读:

• width,height,x,y测量

对于特定的SVG元素.

---

我想最简单的方法是首先获取最小边界框并读取它的属性.

我该如何访问？

Answer 1

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

svgNode.getBoundingClientRect()

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

编辑:SVG Edit有一个返回当前所选元素的方法:

svgCanvas.getSelectedElems()

所以在上面的例子中:

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

Answer 2

假设您有该元素的句柄，我认为这会起作用，不是吗？

box = svgedit.utilities.getBBox(selected);