如何在SVG中将行转换为路径

我有一行svg

<svg width="120" height="120" viewBox="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg">
  <line x1="20" y1="100" x2="100" y2="20"
      stroke-width="2" stroke="black"/>
</svg>

---

如何将其转换为路径？

我不确定是否有在线工具可以执行此操作，但如果您知道路径“d”属性的内容是什么意思，可以手动执行此操作

M：“移动到” L:“行到” C:“三次贝塞尔到” Q：“二次贝塞尔到” Z：“封闭路径”

对于行，您只需要“M”和“L”

因此，要转换此行：

<line x1="20" y1="100" x2="100" y2="20"/>

等效路径为：

<path d="M20 100, L100 20" />

---

或者，d=“Mx1 y1，Lx2 y2”

您想要的是

M

和

L

。谢谢！这实际上应该转换为。有关命令和语法的更多信息在这里：注意，这不考虑行的笔划宽度属性。