D3.JS ForeignObject不在IE和Firefox中渲染

Question

根據我已閱讀的指導，爲了在D3.JS SVG中添加任何html元素，我們需要創建ForeignObjects。所以我添加了一個使用外部對象的標籤，並且它在Chrome中工作得很好。以下是我正在使用的代碼。

this.g.append('svg:foreignObject') 
.attr('font-size', "15px") 
.attr('x', x - 10) 
.attr('y', y - 55) 
.append("xhtml:div") 
.html('<div class="terst">some text</div></div>') 

我的問題是，它不是在IE和Firefox中呈現。如果我錯過任何明顯的事情，你能否讓我知道。

Answer 1

有點調查後，已經意識到ForeignObject不支持或與IE和Firefox的問題。所以決定改變我的實現，以便它可以被所有瀏覽器支持。

Answer 2

• IE does not support foreignObject。

• 火狐需要foreignObject有width和height屬性