拉斐爾JS選擇路徑/對象/節點

Question

例這裏的具體實例：http://jsfiddle.net/dhREK/32/

隨着拉斐爾JS我創建了一系列使用for循環的三角形。創建三角形後，我希望能夠通過索引選擇拉斐爾對象動畫它們中的任何一個，是這樣的：

tri[1] 

或

tri.1 

，但我不知道的權利句法。在任何情況下，使用

tri.animate({fill: '#ff0000'}, 400) 

只動畫上一個三角形。

我該如何專門選擇其他節點？

謝謝！

var paper = new Raphael(0, 0, 500, 500); 

for(var i = 0; i < 6; i++) { 
    var coords = 'M 43 0 L 74 63 L 13 63 Z'; 

    if(i % 2) { 
     coords = 'M 43 63 L 74 0 L 13 0 Z';      
    } 

    var tri = paper.path(coords).attr({ 
     'fill' : '#000', 
     'stroke-width' : '0' 
    }); 

    tri.transform('T'+i * 34+',0'); 
} 


tri.animate({fill: '#ff0000'}, 400) 

PS：我能得到我的所有論文在jQuery對象的兒童（如被看見在的jsfiddle鏈接），但一個jQuery對象上使用animate()不允許我以動畫拉斐爾性能。 ..任何評論，將不勝感激！

Answer 1

將tri轉成數組。

var paper = new Raphael(0, 0, 500, 500), 
    tri = []; 

for(var i = 0; i < 6; i++) { 
    var coords = 'M 43 0 L 74 63 L 13 63 Z'; 

    if(i % 2) { 
     coords = 'M 43 63 L 74 0 L 13 0 Z';      
    } 

    tri[i] = paper.path(coords).attr({ 
     'fill' : '#000', 
     'stroke-width' : '0' 
    }); 

    tri[i].transform('T'+i * 34+',0'); 
} 


tri[1].animate({fill: '#ff0000'}, 400); 

Answer 2

更適合這種情況會類似陣列的Paper.set

您可以定義它像這樣

var triangles = Paper.set(); 

for(var i = 0; i < 6; i++) { 
    // .... 
    var tri = paper.path(coords) // 

    triangles.push(tri); 
} 

triangles.animate(
    // ... 
);