使用D3不会显示SVG异物

Question

我使用D3渲染一个简单的网络图。在每个节点中，我想显示该外来对象的html内容。异物内部有html。网络正在渲染。但是我无法查看html内容，任何人都知道它为什么不渲染html？

我正在使用以下代码。

  dom.svg.selectAll('.node').append("foreignObject")
    .attr("width", 100)
    .attr("height", 100)
  .append("xhtml:body").append("xhtml:p")
    .style("color", "red")
.text("Object in SVG");

以下是fiddle

Answer 1

您无法将foreignObjects（或实际上任何内容）附加到circle个元素。相反，将它们附加到像g这样的容器元素中。已修复here。