svg 大小不适用于 javascript

Question

svg 大小不适用于 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

可能因为你的<svg>是空的，尝试添加一些内容到你的<svg>。

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

Answer 2

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

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

svg 大小不适用于 javascript

svg size isn't working with javascript

html

javascript

size

svg