javascript - 如何使用 d3 找到我的 SVG 的左上角？

Question

给定一个用 d3 创建的 SVG，例如使用

svg = d3.select("#someElement").append("svg")...

如何在 body 的绝对坐标中找到 SVG 的顶部和左侧，以便我可以，例如，绝对定位工具提示或其他元素相对于顶部 - 左SVG 的类似内容

tooltip.style("left", leftInBody + 72 + "px").style("top", topInBody + 20 + "px"); 

Answer 1

你可以这样做(使用 jQuery):

var offset = $('#someElement svg').offset(),
    left = offset.left, top = offset.top;

还假设您的工具提示是根 svg 元素之外的 div。

如果工具提示是根 svg 元素内的 svg 元素，则您不需要执行此操作。你给它的位置将自动相对于根 svg 元素。