SVG異物沒有使用D3顯示

我使用D3渲染一個簡單的網絡圖。並且在每個節點中，我希望顯示使用該外來對象的html內容。外部對象在裏面有html。網絡正在呈現。但我無法查看html內容，任何人都不知道爲什麼它不呈現html？SVG異物沒有使用D3顯示

我正在使用下面的代碼。

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

來源

2014-03-28 Shebin Mathew

您不能追加foreignObjects（或實際上任何東西），以circle元素。相反，將它們附加到例如g的容器元素。固定here。

來源

2014-03-28 16:49:27

感謝您的快速響應。有沒有辦法將異物放置在圓上以便圓不可見？ –

您可以不添加圓圈並移動文字，使其看起來更多地位於中間：http://jsfiddle.net/DVw3P/2/ –

感謝它的工作。我用html div創建了http://jsfiddle.net/mailtoshebin/9faWA/有什麼方法可以將div的邊緣放在兩條SVG線的交叉點上？ –

SVG異物沒有使用D3顯示

回答

相關問題