Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Svg 连接两条多段线_Svg - Fatal编程技术网

Svg 连接两条多段线

Svg 连接两条多段线,svg,Svg,我一直在搜索,很好奇你们中是否有聪明的人知道如何将两条多段线连接成一条多段线。我可以简单地创建另一条多段线,但想将它们连接起来,但我还没有找到类似路径中的移动到命令的多段线命令。我不认为有类似的事情,也许有一些方法可以做到这一点,但我不认为可以使用某个命令连接两条独立的多段线。也许我错了,但我认为最简单的方法是将它们的点连接到一个多段线标记中 分隔多段线: <svg> <polyline points="0 0,100 0" style="stroke: black; s

我一直在搜索,很好奇你们中是否有聪明的人知道如何将两条多段线连接成一条多段线。我可以简单地创建另一条多段线,但想将它们连接起来,但我还没有找到类似路径中的
移动到
命令的多段线命令。

我不认为有类似的事情,也许有一些方法可以做到这一点,但我不认为可以使用某个命令连接两条独立的多段线。也许我错了,但我认为最简单的方法是将它们的点连接到一个多段线标记中

分隔多段线:

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

Мerged多段线:

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

如果您希望改变线条的固有几何结构,唯一的解决方案是使用一种称为

布尔运算不能在直线上执行,只能在具有区域的闭合形状上执行。所以,如果你有一个矩形,比如说300 x 1,它看起来像一条线,可以进行布尔运算

有一个很好的图书馆,我以前用过


如果这是一次性的,您只需要使用Inkscape或Illustrator(pathfinder窗口)

谢谢,我就是这么想的。