SVG中元素之间的共享坐标

Question

我想分享两个或更多元素之间的坐标。

我在peudo-Code中的例子：

<point xml:id="myPoint" x="10" y="20" />

<circle point="url(#myPoint)" r="10" />
<circle point="url(#myPoint)" r="50" />

我看到IRI references与我搜索的内容最匹配，但是：

• 首先，没有“点”类型的节点存在。
• 其次，IRI引用不支持任何属性。

使用SVG格式和规格（没有javascript代码），有没有办法让很多元素引用相同的坐标？

因此，我只需操纵点“myPoint”来改变引用它的所有元素的坐标。

我希望我的英语不是那么糟糕，谢谢你的回答。

Answer 1

使用组<g>元素转换原点。如果省略坐标，则会在那里绘制对象。

<g transform="translate(10, 20)">
  <circle r="10" />
  <circle r="50" />
</g>