Raphael.js - 腳本看起來很輕，但執行很重 - 爲什麼？

Question

我在Windows XP上使用Raphael 2.01，Firefox 12.0。

我試過連續的對象運動（不是補間動畫）。我認爲我腳本的負載很輕，但PC散熱風扇的聲音很大！

我想知道原因和解決方案。

（步驟）

• 我在文檔設置幾個圓對象（5至10）。

• 他們繼續前進。當它們碰到文檔的邊緣時，它們會返回（向相反的方向移動），但它們的運動會減慢。

• 當我在谷歌Chrome的任務管理器檢查PC的負載， 內存使用率越來越大（40MB ===> 150MB ===> ...）

（腳本）

http://jsfiddle.net/JsL46/3/

*對不起。當我將代碼粘貼到「jsfiddle」時，會出現圓對象，但它們不會運行。

Answer 1

RaphaelJS使用傳統的風格變化和偏移，這會導致很多和repaints and reflows動畫。使用SVG SMIL animation可以減少簡單情況下瀏覽器的負載，例如left/right movement。