Javascript 从字符串创建svg元素

我想检查d3js是否符合我的意愿，我需要知道如何从给定字符串创建svg元素

我的元素存储在数据库中。 它们是字符串，遵循svg规则，如下所示：

<desc>
  <Insert x='21' y='21'/>
  <Pins>
    <Pin Id='1' x='21' y='1' direction='up' />
    <Pin Id='2'  x='21' y='41' direction='down' />
  </Pins>
  <Properties>
    <Property Id='20010' x='0' y='21' angle='0'></Property>
  </Properties>
</desc>
<circle class='CDC300' cx='21' cy='21' r='20' fill='none'></circle>
<polyline class='CDC300' points='1 21 21 1 41 21' fill='none' />
<text id='20010' class='CDC400' text-anchor='end' x='-2' y='25' >#{BMK}</text>

在用这个字符串创建svg元素之前，我想添加一个g标签组，并需要添加transform='translate some value of database'。 好的，我最不希望我能用d3做得更好

那么我该如何开始呢？ 我找到了大量的示例和教程，但没有一个将svg元素存储在数据库中，只有一些坐标或非常简单的数据用于放置svg和设置svg的样式。

对于现代浏览器*可以使用html将整个字符串附加到元素中

这里是一个基本的演示。我们首先创建元素，然后将其转换为所需的值，最后使用数据库中的字符串：

常量字符串=` {BMK}`； const svg=d3.selectsvg； const g=svg.appendg.attrtransform，translate100,50； g、 htmlstring；

---

啊，好吧，这很简单。那么g就是一个我可以使用的对象了…谢谢你。Gerardo，你写了我必须关闭元素，就像关闭svg元素一样，这样关闭它们还不够吗？或者d3对此有问题吗？@Telefisch这不重要：。但是，在上面的演示中，有一个区别。不过问题与D3无关。您好，我确实喜欢上面的假设，它工作得很好，但g-tag在一些动作上令人不安，比如移动或操纵简单的图形，如线条等。。。那么，有没有一种方法可以从上述给定字符串创建不带g标记的svg元素？@Telefisch，请不要在评论部分提问。将其作为新问题发布，并附上相关细节。