Raphael JS Pie：旋轉切片

Question

我試圖用4片切片創建一種圓形旋轉木馬，通過點擊一個切片，它會擴大到顯示其內容的餅圖的2/3（其他切片將同樣縮小） 基本上，我開始與拉斐爾「成長餡餅」演示http://raphaeljs.com/growing-pie.html 並修改了一下，以獲得這種行爲。

但我堅持最後一步，當一個切片被點擊並展開它應該旋轉並放置在頂部（0°的偏移角度）...我想我需要知道每個角度的確切角度切片動畫（）函數和任意改變它，但我不知道該怎麼做。

function animate(ms) { 
var start = 150, 
    val; 
for (i = 0; i <= 3; i++) { 

    val = 360/total * data[i]; 

    paths[i].animate({ 
     segment: [200, 200, 150, start, start += val] 
    }, ms || 1500, "bounce"); 
    paths[i].angle = start - val/2; 
} 

rotateCircle(); 

}

這裏http://jsfiddle.net/ExFCb/32/有我確實努力

Answer 1

的例子看看更新小提琴http://jsfiddle.net/ExFCb/72/

基本上，你必須設置在每個正確rerotate變量週期。

if (i === 0) { 
    data = [240, 40, 40, 40]; 
    rerotate = 0; 
} 

等等......