javascript - SVG 如何在 HTML 中绘制

Question

美好的一天，

当我注意到这种行为时，我正在使用 SVG。

背景:我使用 snap.svg 加载 SVG。我想要替换的节点位于组 节点内。

我使用 document.getElementById 选择了一个 SVG 节点。然后我得到了 parent 。然后我用另一组 SVG 文本替换了父级的 textContent 属性。但是，新的 SVG 不可见。

我在谷歌浏览器中打开了开发者工具。我在节点 TreeView 中选择了相同的节点。我将节点编辑为 HTML，用新的 SVG 文本替换所有 SVG 节点。但是，新的 SVG 不可见。

最后，我选择了根元素，即 SVG 标签本身。然后将 SVG 标签编辑为 HTML，将 SVG 文本附加为最后一个子元素。现在新的 SVG 可见了吗？

是否有我应该注意的 SVG 绘制规则？我在其他问题中读到，很难/不可能用使用 node.innerHTML 替换 HTML 的保存方式来替换 SVG 文本。

Answer 1

您是否考虑过使用 Element.innerSVG这是由 Snap.svg 提供的吗？

此外，Element.innerHTML 也应该适用于 svg 元素，并且它已经在某些浏览器中适用(例如较新版本的 Opera 和 Chrome，请参阅 here )。这是在 DOM Parsing spec 中定义的.