SVG Circle

* 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.

* 필자의 기준이 절대적인 진리는 아닙니다.

SVG Circle - <circle>

<circle> 태그는 원을 만들때 사용한다

SVG 코드

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

코드 설명

• cy , cy 요소는 원의 중심의 x , y 좌표를 정의한다. 만약 cx , cy 가 생략되었다면 원의 중심은 0,0으로 설정된다.
• r 요소는 원의 반지름을 정의한다.

출처 : W3SCHOOL.COM - SVG - Circle

http://www.w3schools.com/svg/svg_circle.asp