将SVG路径转换为SVG行

时间:2016-01-10 08:11:58

标签: javascript html5 svg svg-path

我正在尝试将SVG中的断开路径转换为SVG行。 例如,如果我使用

绘制了一个三角形
<path id="path" d="M150 0 L75 200 L225 200 Z" /> 
转换后,我应该获得3条SVG线

<line x1=150 y1=0 x2=75 y2=200/>
<line x1=75 y1=200 x2=225 y2=200 />
<line x1=225 y1=200 x2=150 y2=0 />

此路径可以断开,它可以有多个Moveto命令,如

<path id="path" d="M150 0 L75 200 L225 200 M450 200 L375 400 L525 400 Z" />

在这种情况下,我应该得到6条SVG线。 moveto和lineto命令也可以是绝对命令和相对命令 有帮助吗? 感谢

0 个答案:

没有答案