Html Svg-与d3一起放置的foreignObject不渲染

Html Svg-与d3一起放置的foreignObject不渲染,html,svg,d3.js,Html,Svg,D3.js,我想要一些包装文字。接下来,我创建了一个foreignObject并将其附加了一个“p”元素 我的文字根本没有显示出来 现在,当我在标记中执行它所显示的完全相同的操作时(我只需要将生成的svg代码放到svg主体中) 见鬼,如果我右键转到devtools,右键单击svg,选择“编辑为html”,并在右括号前插入新行,我的文本就会显示出来 提供了什么?替换 .append('p') .attr('xmlns', 'http://www.w3.org/1999/xhtml') 与 在jav

我想要一些包装文字。接下来,我创建了一个foreignObject并将其附加了一个“p”元素

我的文字根本没有显示出来

现在,当我在标记中执行它所显示的完全相同的操作时(我只需要将生成的svg代码放到svg主体中)

见鬼,如果我右键转到devtools,右键单击svg,选择“编辑为html”,并在
右括号前插入新行,我的文本就会显示出来

提供了什么?

替换

 .append('p')
    .attr('xmlns', 'http://www.w3.org/1999/xhtml')

在javascript中创建节点时,名称空间是特殊的东西,不能作为属性处理。d3使用上述语法来处理这个问题

.append('xhtml:p')