svg - 连接两条折线

Question

我一直在寻找并且很好奇你们中的任何聪明人是否知道我如何将两条折线连接成一条折线。我可以简单地创建另一条折线，但想加入它们，但我还没有找到类似于Move to路径中的命令的折线命令。

Answer 1

如果您正在寻找改变线条的固有几何形状，唯一的解决方案是使用称为''Boolean Operations'' 的东西。

不能对直线执行布尔运算，只能对具有面积的闭合形状执行布尔运算。因此，如果您实际上有一个大小为 300 x 1 的矩形，它看起来像一条线，并且可以进行布尔运算。

我以前使用过一个不错的库，称为Javascript Clipper或C++ 中的 Clipper

如果这是一次性的事情，您只需使用 Inkscape 或 Illustrator（探路者窗口）

Answer 2

我不认为有这样的事情，也许有一些方法可以做到这一点，但我不认为你可以用一些命令加入两条单独的折线。也许我错了，但我认为最简单的方法是将它们的点加入一个polyline tag。

这是示例

分离的折线：

<svg>
  <polyline points="0 0,100 0" style="stroke: black; stroke-width: 3; fill:none;"/>
  <polyline points="100 10,100 100" style="stroke: black; stroke-width: 3;fill:none;"/>
</svg>

Мerged 折线：

<svg>
 <polyline points="0 0,100 0 100 10,100 100" style="stroke:black; stroke-width:3;fill:none;"/> 
</svg>