使用JavaScript动态添加和动画SVG中特定组中的文本,我遇到了一个非常麻烦的问题,这对我来说没有任何意义。根据文档,每个animate
元素应该分别仅影响它们的直接父元素,在这种情况下,这是每个单独的文本元素。问题是,假设我在0s创建一个动画文本元素,另一个在1s创建,两个动画都持续2s。从1秒开始的那个将在其动画的中途。然后,更糟的是,其后每个animate
基本上都停留在他们的周期结束时。动画所有开始和结束在同一时间?
我试过设置begin="indefinite"
并用element.beginElement()
开火,但是这会产生同样的问题。我已经使用Chrome的元素检查器检查了结构,并且没有任何问题 - 每个animate
都在text
之内,并且每个text
都在g
之内。
它为什么这样做,我如何使每个animate
独特?
请张贴一个完整的例子,e.g上jsfiddle.net。 – 2012-03-01 07:38:12