获取 SVG 元素的绝对位置

【问题标题】：Get absolute position of a SVG element获取 SVG 元素的绝对位置
【发布时间】：2013-08-03 13:26:52
【问题描述】：

假设这个 sn-p 代码为svg.js

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

现在，我怎样才能得到这个rect的绝对位置？
感谢您的帮助

【问题讨论】：

标签： javascript html svg svg.js

【解决方案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());

【讨论】：

对于将来遇到此问题的任何人：在 svg.js >= v2.5 中，您需要使用 rbox(draw) 来获取相对于您的 svg 文档的坐标。否则，该框是相对于您的文档视口的