Svg 如何在<；defs>；？

我想对SVG中的独立对象应用一个变换，然后设置该变换的动画

我可以这样做：

<rect (...) transform="rotate(30)" />
<circle (...) transform="rotate(30)" />
(...)
<path (...) transform="rotate(30)" />

(...)

但是我必须分别为每个元素设置动画

我想做的是：

<defs>
  <transform id="rotation">
    <rotate angle="30" />
  </transform>
</defs>
<rect (...) transform="url(#rotation)" />
<circle (...) transform="url(#rotation)" />
(...)
<path (...) transform="url(#rotation)" />

(...)

---

有什么方法可以做到这一点吗？

将元素包装在一个

容器中，然后旋转该容器，例如

<g transform="rotate(30)">
<rect (...)  />
<circle (...)  />
(...)
<path (...) />
</g>

(...)

---

当您设置

变换属性的动画时，所有子对象都将旋转将元素包装在

容器中，并旋转该容器，例如

<g transform="rotate(30)">
<rect (...)  />
<circle (...)  />
(...)
<path (...) />
</g>

(...)

---

当您设置

变换属性的动画时，所有子对象都将旋转

谢谢，我认为旋转组中的元素和旋转组之间有区别。我真傻！谢谢，我认为在一个组中旋转一个元素和旋转一个组是有区别的。我真傻！