Применить animateColor к нескольким элементам SVG

Question

Есть ли способ определить цветную анимацию для нескольких элементов одновременно?Я попытался добавить animateColor к элементу g, но это не сработало.Я мог бы использовать Javascript для добавления animateColor к каждому элементу индивидуально, но я бы предпочел делать все это в статических данных SVG.

Answer 1

Пожалуйста, используйте animate вместо animateColor. Firefox, по крайней мере, в настоящее время не поддерживает animateColor, и в SVG 1.1 Second Edition это устарело. Использование animate для анимации заливки и обводки работает просто отлично. Например:

<g>
  <animate attributeName="fill" from="black" to="red" dur="5s"/>
  <rect width="100" height="100"/>
  <circle cx="200" cy="50" r="50"/>
</g>