상호 작용이있는 SVG

Question

SVG에서 애니메이션/변형을 수행 할 수 있다는 것을 알고 있습니다.

예를 들어 대화 형으로 처리하고 싶습니다. (SVG에서) 간단한 합계 "2 + 2 =?"를 표시하면 "?" 답 위에 이미지가되고, "?" 그것을 클릭/터치하여 사라지면 답이 아래에 표시됩니다.

이 질문

애니메이션이 너무 예로서이를 사용하여 수행 할 수 있습니다 방법을 보여줍니다

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> 

방법으로 페이드가 사각형에 클릭에 의해 트리거 할 수 있습니까?

Answer 1

그냥

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