javascript - 在另一个元素下放置一个矩形

Question

我有文本，我使用了 bbox 来添加一个矩形以匹配文本的大小。

当我绘制矩形时，它的大小是正确的，但矩形在我的文本之上。

有没有办法把矩形放在文本下面？

Answer 1

您可以使用 D3 的 insert 在 SVG 结构中将 <rect> 放在 <text> 之前。例如：

svg.insert("rect", "text")
  .attr("x", bbox.x)
  .attr("y", bbox.y)
  .attr("width", bbox.width)
  .attr("height", bbox.height)
  .attr('class',"rectFillBox")
  .attr('fill','white')
  .attr("fill-opacity", 0.5);