javascript - 使用JS在SVG中的组内绘制元素

Question

我会在组内绘制元素。

svg= document.querySelector('svg')
          const g = document.createElementNS('xmlns', 'g');
          const cir1 = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
          const title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
          title.textContent = 'N° 1111';

          g.setAttribute('transform', 'translate(20,20)');
          cir1.setAttribute('r', '3');
          cir1.setAttribute('fill', 'red');
          cir1.setAttribute('id', 'idtitle');

          svg.appendChild(g);
          g.appendChild(cir1);
          g.appendChild(title);

<svg>
</svg>

我创建了组，我使用 translate 方法将 x 和 y 坐标属性。

但屏幕上没有打印任何内容。

标签： javascripthtmldomsvg