将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>

上面是Chrome中出现的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);
}