加入两条折线

时间:2013-07-06 13:53:30

标签: svg

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

2 个答案:

答案 0 :(得分:2)

如果您想要改变线条的固有几何形状,唯一的解决方案是使用名为''Boolean Operations''的东西。

布尔运算不能在线上执行,只能在具有区域的闭合形状上执行。因此,如果您实际上有一个矩形,可以说是300 x 1的大小,它看起来像一条线,可以进行布尔操作。

我之前使用了一个很好的库,名为Javascript ClipperClipper in C++

如果这是一次性的事情你需要使用Inkscape或Illustrator(探路者窗口)

答案 1 :(得分:1)

我不认为有类似的东西,也许有一些方法可以做到这一点,但我认为你不能 加入两个单独的折线 一些命令。也许我错了,但我认为最简单的方法是将他们的点加入一个折线标记

<强> Here is example

分隔的折线:

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