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

Question

我有文本，我使用 abbox能够添加一个矩形以匹配文本的大小。

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

有没有办法将矩形放在文本下方？

标签： javascriptd3.jsrectangles

Answer 1

您可以使用 D3 的插入将 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);