Javascript 从路径段数据绘制直线

我有下面的XML，我正在努力解决，在黑暗中拍摄

有人能帮我用下面的XML数据构建一个路径SVG、画布吗

正在查找任何可以帮助我根据此信息生成路径的内容

<path>
  <segment>
    <dx>0</dx>
    <dy>15</dy>
    <to>
      <x>359</x>
      <y>701</y>
    </to>
    <from>
      <x>359</x>
      <y>686</y>
    </from>
  </segment>
</path>

---

我知道上面的XML构成了一条路径的一部分，这条路径是一系列连接线的一部分。因此，多个具有XML的节点类似于HTML视图中的上述连接节点。

它应该类似于以下内容：

<line x1="359" y1="686" x2="359" y2="701" stroke="black" stroke-width="1"/>

或者，如果需要路径：

<path d="M 359,686 L 359,701" stroke="black" stroke-width="1"/>

或者，如果有多条直线段，可以选择使用多段线：

<polyline points="359,686, 359,701, etc,etc..." stroke="black" stroke-width="1"/>

您需要设置笔划颜色和宽度，因为默认情况下，它们不会被绘制。在path/line元素中，或在父容器对象（如自身）或组中设置它们

我不清楚dx和dy应该做什么，所以我忽略了它们。这个XML来自哪里