사각형을 그리는 것은 쉽다.
그러나 모서리 부분을 둥글게 하는 것은 어떻게 할까? 이를 위해 svg 에서는 arc 를 그리는 명령어 A,a 가 존재한다.
직선을 그리는 L,ㅣ 명령어와 함께 사용함으로써,다음 그림과 같이 표현된다.
애니메이션을 이용하여, 변형도 자유롭게 할 수 있다.
이것이 svg의 장점이다.
회전하는 그림은 클릭으로 정지 가능하다.
반응형
'svg' 카테고리의 다른 글
| svg animation : bezier curve (0) | 2023.11.09 |
|---|---|
| svg animation; mutation (0) | 2023.11.08 |
| svg animation : bee animation using javascript (0) | 2023.11.07 |
| svg paint ; 마우스 이벤트와 터치 이벤트를 이용하여 간단한 그림판을 만들어 보자. (0) | 2023.11.03 |
| SVG g event handler (2) | 2023.10.29 |
