SVG foreignObject 是否仅适用于静态 HTML

Question

如 http://bl.ocks.org/mbostock/1424037 所述，我看到 foreignObject 功能仅适用于静态输入的文本。如果我尝试这样的事情会发生什么：

svg.append("foreignObject")
      .attr("width", 400)
      .attr("height", 200)
   .append("xhtml:body")
      .style("font", "16px 'Helvetica Neue'")
      .html(function(d) {
        return d.name;
      })

外来对象功能是否适用于函数返回的数据？

Answer 1

嗯，这确实有效。但是，需要注意的一件事是将.html替换为.text。

node.append("foreignObject")
    .attr("class", "innerNode")
    .text(function (d) {
        return d.name; })