获取SVG元素的绝对位置

Question

假设这段代码与 svg.js 有关：

var g1 = draw.group();
var g2 = g1.group();
g2.move(100,100);
var g3 = g2.group();
g3.rect(200,200);

现在，我该如何获取这个“rect”的绝对位置？谢谢任何帮助。

- frogatto

Answer 1

你可以使用 rbox 函数，该函数会考虑到翻译内容。

以下是一个例子：

var draw = SVG('paper');
var g1 = draw.group();
var g2 = g1.group();
g2.move(100,100);
var g3 = g2.group();
var rect = g3.rect(200,200);

console.log(rect.rbox());

- Nils

---

对于未来偶然发现此问题的任何人：在svg.js >= v2.5中，您需要使用rbox(draw)来获取相对于您的SVG文档的坐标。否则，该框相对于您的文档视口。 - Fuzzyma