javascript - 获取 SVG 元素的绝对位置

标签 javascript html svg svg.js

假设这段代码带有 svg.js

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

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

最佳答案

您可以使用 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());

关于javascript - 获取 SVG 元素的绝对位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18033358/

相关文章:

javascript - 如何检测用户是否在浏览器中启用了全屏

javascript - 为什么 jquery position() 方法没有 setter 版本

javascript - 如何在 AudioBufferSourceNode 中设置循环以精确匹配底层缓冲区中的特定偏移量?

javascript - 将 href 添加到 txthtml 列

javascript - 如何使用 d3.js 将外部组添加到现有 svg?

javascript - Underscore.js 中的这一行是否真的有必要进行相等性检查?

javascript - 如何将文本解析为 html javascript

html - 我在哪里编写html?

javascript - 无法使用 svg.draw.js 绘制路径

javascript - 如何使用 jQuery 或 JavaScript 将内联 SVG 设置为随 CSS 一起拉伸(stretch)