d3.js - 使用 d3 扣除文本元素的高度

Question

因为你不能包装 <text>元素与另一个图形元素，我只是想添加一个 rect元素在相似的坐标上以将文本包裹在矩形边框中。但是，我想根据文本(更改)的宽度和高度来计算该矩形的宽度和高度。所以，像这样:

var text = svg.append("text")
    .attr({ ... });

var rect = svg.append("rect")
    .attr({
        width: text.attr("width") + 5,
        height: text.attr("height") + 5
    });

只有这样是行不通的。如何获取文本元素的高度和宽度(如果有的话)？我在 Google 和 SO 周围进行了搜索，但没有发现任何关于该主题的类似问题。

Answer 1

使用.getBBox():

> text.node().getBBox()
SVGRect {height: 17, width: 56, y: -14, x: 0}

var rect = svg.append('rect')
    .attr(text.node().getBBox())