如何从SVGSVGElement创建SVGPathElement

Question

我想在JavaScript中创建SVG。我有SVG元素（JS类型SVGSVGElement），这种类型的方法有createSvgRect，createSvgTransfrom，...但是还没有createSvgPath。我如何在SVG中创建路径？

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("width", (200).toString());
svg.setAttribute("height", (200).toString());
// there i need to create path from svg object

Answer 1

<path>是一个元素，因此您只需调用createElementNS即可获得一个元素。

var path = document.createElementNS("http://www.w3.org/2000/svg", "path");

您似乎对createSVGRect感到困惑。这不会创建<rect>元素，它会创建一个矩形对象，用于模拟viewBox属性之类的东西。