应用animateColor多个SVG元素 [英] Apply animateColor to multiple SVG elements
问题描述
有什么办法可以一次定义多个元素彩色动画?我试着加入 animateColor
到先按g
元素,但没有奏效。我可以使用JavaScript来一个<$ C C> animateColor $ C C>添加到每个单独的元素,但我preFER做这一切在静态的SVG数据。
Is there any way to define a color animation for multiple elements at once? I tried adding the animateColor
to a g
element, but that didn't work. I could use Javascript to add an animateColor
to each element individually, but I'd prefer to do it all in the static SVG data.
推荐答案
请使用动画
而不是 animateColor
的。火狐,至少,不实施 animateColor
目前,它正在在SVG 1.1第二版pcated德$ P $。使用动画
的动画填充和中风的作品就好。例如:
Please use animate
instead of animateColor
. Firefox, at least, doesn't implement animateColor
at the moment and it is being deprecated in SVG 1.1 Second Edition. Using animate
for animating fill and stroke works just fine. For example:
<g>
<animate attributeName="fill" from="black" to="red" dur="5s"/>
<rect width="100" height="100"/>
<circle cx="200" cy="50" r="50"/>
</g>
这篇关于应用animateColor多个SVG元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!