가로 세로 200,200 인 사각형 속에 원으로 중심을 표현하고,한마리의 벌을 붙혀 회전을 시켜보자. 시계방향으로 ,반시계반향으로...
자바스크립트로 애니메이션 객체를 생성,속성을 적당히 부여하여 그룹화된 객체들의 형제로 등록시켜서 애니메이션을 한다.
그룹에 클릭이벤트를 등록하여,"active" className을 제거,또는 추가를 하여 애니메이션을 정지 또는 실행한다.
반응형
'svg' 카테고리의 다른 글
| svg animation; mutation (0) | 2023.11.08 |
|---|---|
| svg rounded rectangle ; animation (0) | 2023.11.08 |
| svg paint ; 마우스 이벤트와 터치 이벤트를 이용하여 간단한 그림판을 만들어 보자. (0) | 2023.11.03 |
| SVG g event handler (2) | 2023.10.29 |
| svg symbol tag, use tag (1) | 2023.10.28 |
