javascript - SVG异物直到更改才显示

我在svg元素中添加了一个异物，该元素是一个ID为'all'的组。这样做时不会出现异物。

但是，如果我使用chrome的inspect元素工具，并且对element视图中的异物进行了任何更改，就会显示该对象。

var panel = document.createElement('div');
panel.className = 'panel';

var foreign = document.createElementNS("http://www.w3.org/2000/svg", 'foreignobject');
foreign.setAttribute('width' , '202');
foreign.setAttribute('height', '122');
foreign.setAttribute('transform', 'translate(0 0)');

all.appendChild(foreign);

foreign.appendChild(panel);

这对我来说似乎很奇怪。我究竟做错了什么？

谢谢，
山姆

最佳答案

SVG是区分大小写的语言，正确的标记名称是foreignObject

关于javascript - SVG异物直到更改才显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29475572/