javascript - 将 SVG 元素添加到 html 文件？

Question

我想将一些 SVG 元素添加到 html 文件中。我发现链接说这不受支持，文档类型必须是 xhtml。

但我正在使用一些带有 html 的 javascript 库，这些库允许我在其中使用 SVG(Raphael、SVG Web 等)。

那么有没有一种方法可以将脚本添加到 html 文件中，从而可以在运行时动态地将 SVG 元素添加到文档中？

谢谢

Answer 1

var svgnode = document.createElementNS('http://www.w3.org/2000/svg','svg');
var circle = document.createElementNS('http://www.w3.org/2000/svg','circle');
circle.setAttribute("cx", "100");
circle.setAttribute("cy", "100");
circle.setAttribute("r", "40");
circle.setAttribute("fill", "blue");

svgnode.appendChild(circle);
mydiv.appendChild(svgnode);