J'ai converti un SVG en Rapahel en utilisant http://readysetraphael.com/
Voici un exemple de code produit:
... path6233.attr({id: 'path6233' ...
J'ai regardé dans le document attr et il ne mentionne pas l'ID comme un attribut approprié. L'attribut id n'est pas ajouté au DOM. Existe-t-il un moyen de faire raphael ajouter cette ID au DOM afin que je puisse modeler l'élément?
Alternativement, est-ce que je peux en quelque sorte parcourir tous les chemins et ajouter déplacer l'id attr vers un véritable ID DOM facilement?
Je n'avais pas vu readysetraphael.com avant – c'est assez rusé.
Il devrait être raisonnablement simple de parcourir tous les éléments à l'intérieur d'un conteneur SVG donné via l'élément papier de Raphael pour chaque méthode:
var i = 0; paper.forEach(function (el) { el.node.setAttribute("id", "node-" + i++ ) ); });
Mais je devrais demander – puisque vous avez déjà incorporé vos SVG dans Raphael, pourquoi n'utiliserez-vous simplement Raphael pour les classer par programme? La curiosité de votre raisonnement m'invite à demander.
Vous pouvez le faire en récupérant les formes sous-jacentes à l'élément DOM, avec un appel à la propriété du node
, de la manière suivante:
path6233.node.id = 'node-id';