链接SVG元素,以便它们立即移动?

时间:2017-12-04 06:16:41

标签: svg

我想" group"属于元素的SVG点。 我想要的很简单,但我不确定SVG是否支持这个:

  <polyline stroke-width="7" stroke="#f4c76b" points="70,0 120,0" />
  <polyline stroke-width="7" stroke="#af41f4" points="120,0 200,0" />
  <circle stroke-width="1" r="3" cx="120" cy="0" stroke="black" fill="white" />

这里有两条线,从70,0到120,0和120,0到200,0。这意味着一个完成,另一个开始。那时,(120,0),有一个圆圈。我想在SVG文件中添加一些内容,当我在像Inkscape这样的编辑器中打开它时,如果我将圆圈移动到(120,10),则SVG变为:

  <polyline stroke-width="7" stroke="#f4c76b" points="70,0 120,10" />
  <polyline stroke-width="7" stroke="#af41f4" points="120,10 200,0" />
  <circle stroke-width="1" r="3" cx="120" cy="10" stroke="black" fill="white" />

也就是说,线条的外部末端保持在原位,但与圆圈重叠的线条实际上遵循圆圈。 我实际上甚至不确定这在SVG中是否可行。

我已阅读有关链接SVG元素的this,但这并不是我想要的。

0 个答案:

没有答案