拉斐尔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(
    // ... 
);