javascript - svg 大小不适用于 javascript

Question

无论我做什么，svg size 都无法与 javascript 一起使用。我尝试了所有方法，但尺寸都是 0px * 0px。如果我在 html 代码中这样做，它工作得很好。是否有任何已知的原因可能无法正常工作。如果您需要我的一些代码，请询问。

好的，这是一些代码...

var svg = document.createElement("svg");
svg.setAttribute("style", "border: 1px solid black");
svg.setAttribute("height",20);
svg.setAttribute("width",20);
document.getElementById("container").appendChild(svg);

我还尝试了略有不同的代码。还给它一个边框，给它一个小的宽度和高度(不是正确的)

Answer 1

您无法使用 createElement 创建 SVG 元素，createElement 仅适用于 html 元素。您必须将 createElementNS 与 SVG 命名空间一起使用，即

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