Ajout d'ID à des objets raphael

Eh bien, la façon dont je le fais est la suivante. D'abord, j'écris tous les chemins d'un objet, par exemple:

 var paths = { path1: 'the paths coordinates', path2: 'the paths coordinates', path3: 'the paths coordinates', } 

Ensuite, il suffit de boucler tous les chemins, de définir les coordonnées de chaque chemin et de leur donner une ID (c'est une ID de Raphael interne):

 for(path in paths){ var newpath = paper.path(paths[path]); newpath.attr({options}) newpath.id = path; } 

Maintenant, si vous voulez obtenir l'un de ces éléments, vous pouvez utiliser la prochaine fonction Raphael:

 var thisPath = paper.getById('path1'); 

De cette façon, vous pouvez utiliser le chemin sur l'une des méthodes Raphael. Donc, si vous devez obtenir le nœud dans le dôme, vous pouvez effectuer les opérations suivantes:

 var node = thisPath.node 

Mais si vous devez animer le chemin, utilisez mieux la méthode animée de Raphael, ou si vous devez modifier la méthode Attr.

 thisPath.animate(.....) 

Si vous devez appliquer un changement à tous les chemins, vous pouvez utiliser:

 paper.forEach(function(thisArg)) 

Vous devez passer la fonction à exécuter sur chaque élément et thisArg renvoie l'élément à chaque itération

Et peut-être souhaitez-vous jeter un oeil aux ensembles de Raphael qui peuvent être utiles pour utiliser des méthodes sur des groupes d'éléments. Si vous avez besoin d'aide pour utiliser ces fonctionnalités, faites-le moi savoir et je ferai de mon mieux pour vous aider. Au revoir!

Vous pouvez simplement les pousser vers un tableau:

 var pathArray = new Array(); var path_gs = rsr.path("path coords"); pathArray.push(path_gs); 

Ensuite, faites une boucle via PathArray.

Une autre option est de les regrouper en ensembles .