使用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