Dev Faq
0
votes

Comment activer différentes couleurs sur des clics consécutifs (sur les objets SVG)

J'essaie de laisser tous les éléments du groupe passe à des couleurs spécifiques sur une quantité de clics différente. Un clic = rouge, deux clics = bleu, etc. Il doit basculer tous les enfants du groupe.

JavaScript h3> xxx pré>

fichier SVG h3> 
<g id="btn1" onclick="call1()">
    <polygon fill="#FF0013" points="366.699,131 410,56 453.301,131  "/>
    <polygon fill="#07FF00" points="323.699,656 367,581 410.301,656     "/>
    <polygon fill="#0000FF" points="409.699,656 453,581 496.301,656     "/>
    <polygon points="366.699,581 410,656 453.301,581    "/>
</g>

0 commentaires

3 Réponses :

3
votes

Vous pouvez utiliser un module et une instruction de commutation pour parcourir chaque couleur: xxx pré>

exemple: p>

p> 

<svg height="1000" width="100%">
  <g id="btn1" onclick="call1()">
    <polygon fill="#FF0013" points="366.699,131 410,56 453.301,131  "/>
    <polygon fill="#07FF00" points="323.699,656 367,581 410.301,656     "/>
    <polygon fill="#0000FF" points="409.699,656 453,581 496.301,656     "/>
    <polygon points="366.699,581 410,656 453.301,581    "/>
  </g>
</svg>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

6 commentaires

Cela ne change que le remplissage des éléments qui n'ont pas déjà de remplissage

Êtes-vous sûr? Pouvez-vous me diriger vers où mon code est faux?

Bonjour, votre code semble ne pas fonctionner: j'essaie toujours de travailler une erreur, je reçois: "Nonau de référence: $ n'est pas défini", pour la ligne 4 sur JavaScript

@Tkol je pense que je l'ai réparé

@Thomas c'est jQuery

@THOMAS Vous devez inclure cette ligne au-dessous de vos balises étiquettes: