Animation 如何在没有javascript的情况下重用SVG中的动画标记

Animation 如何在没有javascript的情况下重用SVG中的动画标记,animation,svg,Animation,Svg,我想在不使用javascript的情况下重用标记。大概是这样的: 但是我发现的所有示例都在标记中有动画,或者它们使用javascript等 既然您可以重用图形渐变和遮罩,那么有没有办法重用标记?您很接近,但链接实际上是反过来工作的。正在设置动画的对象需要id,然后动画对象指向该id,即 “重用”SMIL动画元素是不可能的。要详细说明Robert的答案,您可以使用重用包含动画的元素: 标记名为,但是,我无法使动画工作,对此表示抱歉。不过,动画元素在defs中是经过授权的,cf.[固定动

我想在不使用javascript的情况下重用
标记。大概是这样的:


但是我发现的所有示例都在
标记中有动画,或者它们使用javascript等


既然您可以重用图形渐变和遮罩,那么有没有办法重用
标记?

您很接近,但链接实际上是反过来工作的。正在设置动画的对象需要id,然后动画对象指向该id,即



“重用”SMIL动画元素是不可能的。

要详细说明Robert的答案,您可以使用
重用包含动画的元素:



标记名为
,但是,我无法使动画工作,对此表示抱歉。不过,动画元素在defs中是经过授权的,cf.[固定动画->动画制作]感谢您的关注。我以前试过这个。我也试着在一个小房间里使用它。我梳理了developer.mozilla.org的参考资料,发现这是有效的,这是一个应该可行的大线索。这很酷,我没有意识到这一点。谢谢你教我们!好的,但是不可能反复使用相同的动画吗?淡入淡出、收缩—可以在多个元素上使用,而无需重新键入?不,这是SMIL的基本限制之一。正在进行的SVG 2动画规范的目标之一就是解决这一缺点。警告:如果要重复使用具有动画的元素,请确保按照这种方式声明动画(作为图形元素的子元素),而不是使用
xlink:href
方法。第二个版本应该可以工作,但在Firefox中不行,因为它们实现
元素的方式。