Question

我有以下XML，我试图解决这个问题，在黑暗中拍摄。

任何人都可以帮助我使用下面的XML数据构建路径（SVG，Canvas）。

寻找可以帮助我根据这些信息制作路径的任何内容。

<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视图中的上述连接节点类似。

Answer 1

它应该类似于以下内容：

<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"/>

您需要设置笔触颜色和宽度，因为默认情况下不会绘制它们。可以在路径/线元素中设置它们，也可以在父容器对象中设置它们，例如<svg>本身或<g＆gt; （组）。

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

从路径段数据中绘制线条

1 个答案: