html - 有没有办法将组元素放在矩形内以用于动画？

Question

有没有办法在 svg 的矩形对象内放置一个组，然后将其视为基本上是一个矩形元素。我想这样做是因为它会使动画对我来说更容易，因为我不需要移动组中的每个单独元素，而只需移动矩形即可。我知道我可以使用组的 translate 属性来制作动画，但如果我可以使用固定位置会更容易。

Answer 1

您可以将元素放在一个组<g>中<defs>，然后参考<g>使用<use>元素来显示它。一个<use>元素具有 x 和 y 属性。