javascript - D3 : get the bounding box of a selected element

Question

我在 svg 中有几个元素，我想放大其中一个。

我想做与 this example 相同的事情但具有非地理路径。有点像

d3.select(myElement).bounds() that I can use to pan and zoom my svg

我没有找到 D3 的任何内容。我错过了什么吗？

谢谢

Answer 1

原始问题的答案和隐含的一般观点是，是的，D3 具有访问底层 DOM 节点的功能，不，它不会在不必要的地方覆盖这些功能:

d3 有一个函数“.node()”，它返回 d3 选择中第一个项的底层 DOM 节点:

d3.select("#usefulSelector").node().getBBox();

特别为您:

d3.select(myElement).node().getBBox()

文档: https://github.com/mbostock/d3/wiki/Selections#node