SVG可以在Chrome中工作，但不能在Firefox中工作

我已经使用React制作了一个小型SVG演示，用于绘制十六进制网格。它在Google Chrome中运行良好，但Firefox似乎有正确的DOM，但没有显示元素。我的SVG有什么问题吗

---

它们不呈现的原因是脚本生成的SVG元素具有XHTML名称空间（即“”），而它们应该具有SVG名称空间（“”）

当您在Chrome中向SVG添加元素时，默认情况下它使用SVG名称空间，而FF并不是那么“聪明”

我不知道ReactJS，所以我不知道是否有解决方法

如果使用通用DOM方法（例如document.createElements（）等），则可以正确创建它们。

在上面的链接中，Ben Alpert展示了一种直接将标记包含到页面中的方法，而无需使用危险的HTML预处理元素

此属性还没有太多文档，但可在以下页面找到：

---

有关此函数缺少文档的更多详细信息，请参见以下问题：

它与我上面使用的方法一起工作，您不需要危险的HTML。问题是Firefox中的SVG，而不是React。我尝试将原始SVG代码复制粘贴到html页面并打开它，但它不起作用。SVG还用于处理不同的SVG标记。