SVG mit Interaktion

Question

Ich weiß, dass Animationen/Transformationen in SVG erfolgen kann.

Ich möchte dies interaktiv tun, z.B. Wenn (in SVG) ich eine einfache Summe "2 + 2 =?" zeige, möchte ich das "?" um ein Bild über die Antwort zu sein, und wenn das "?" angeklickt/berührt wird, blendet sich die Antwort darunter.

Diese Frage zeigt, wie Animationen getan werden kann, so dass dies als Beispiel:

How to fade in and out color of svg

<svg> 
    <rect width="100%" height="100%"> 
    <animate attributeName="fill" values="red;blue;red" dur="10s" repeatCount="indefinite" /> 
    </rect> 
</svg> 

Wie kann durch die Überblendungen durch Klicks auf das Rechteck ausgelöst?

Answer 1

Fügen Sie einfach beginnen = "Klick" wie so ...

<svg> 
 
    <rect width="100%" height="100%"> 
 
    <animate attributeName="fill" values="red;blue;red" dur="10s" begin="click" repeatCount="indefinite" /> 
 
    </rect> 
 
</svg>