将SVG元素添加到组中时，它们会消失

Question

<svg class="paint">
<g>
    <ellipse class="svgobject" cx="336" cy="155.88748168945312" rx="68" ry="43" fill="black" stroke="black" id="1"></ellipse>
</g>

上面是HTML元素中出现的HTML 我使用这段代码将元素添加到组

中

function tool_group(event, target) {
    group = document.createElement('g');
    group.appendChild(target[0]);
    svg.appendChild(group);
  }

结果是当我触发该功能时，该元素将在屏幕上消失。问题是什么？ 任何帮助表示赞赏。

Answer 1

g存在于 svg 命名空间中，因此请使用document.createElementNS("http://www.w3.org/2000/svg", "g")创建g元素。

function tool_group(event, target) {
    group = document.createElementNS("http://www.w3.org/2000/svg", "g");
    group.appendChild(target[0]);
    svg.appendChild(group);
}