2010-12-14 54 views
0

假設我有一個橢圓e,我想沿着路徑p進行動畫處理。RaphaelJS - 在動畫中查找路徑中的點

如果我開始對橢圓進行動畫處理,但之後決定停止動畫,有什麼辦法可以從當前點重新開始動畫?在停止動畫之後,我一直無法找到確定沿路徑的橢圓當前點的方法。

這裏是我的動畫代碼(所有標準):

e.attr({ rx: 15, ry: 5 }).animateAlong(p, 15000, true, function() { 
        e.attr({ rx: 10, ry: 10 }); 
        clicked = false; 
       }); 

回答

1

你怎麼樣定義之外使用onAnimate最後一個點?

var lastX = 15, lastY = 5; 
e.onAnimation(function() { 
    lastX = e.attr('rx'); 
    lastY = e.attr('ry'); 
}); 

e.attr({ rx: lastX, ry: lastY }).animateAlong(p, 15000, true, function() { 
    e.attr({ rx: 10, ry: 10 }); 
    clicked = false; 
}); 

所以,如果你運行這段代碼幾次,一個功能或什麼的,你橢圓(它被中斷之前)將在15,5,但在動畫的最後一點無法啓動內部。

這是你的意思?