Comment changer les attributs d'éléments SVG en utilisant jQuery?

Question

J'utilise SVG pour afficher des animations. Mais étant débutant à SVG Je simmply en utilisant Testée et approuvée animations jQuery pour animer des éléments SVG tels que rect et le cercle etc.

Maintenant, ce n'est pas un double de jQuery Selector + SVG Incompatible? .. Je veux changer la classe d'un <rect class="my-class-1 box" ...></rect> J'ai essayé les méthodes jquery normales de addClass() et removeClass(). Ce qui ne fonctionne pas en raison de leurs différences dans la structure DOM de HTML et SVG. Donc, j'utilise le plugin http://keith-wood.name/svgRef.html pour faire l'animation et l'accès aux éléments SVG.

Coincé entre le rock et un endroit dur

apprécie l'aide Thnx

Answer 1

Pour ce faire à l'aide du plug-in svg jQuery, donner le rect une propriété ID personnalisée et l'utiliser comme sélecteur. Assurez-vous d'inclure aussi jquery.svgdom.js.

svgCanvas.polygon(group, getPoints(), { customID:'123', stroke: 'orange', strokeWidth: 2, class: 'my-class-1' }); 

Maintenant, pour changer la classe, utilisez ce sélecteur:

var selector = 'svg polygon[customID="123"]'; 
$(selector).removeClass('my-class-1').addClass('my-class-2');