SVG <circle>

SVG 원 - <circle>

<circle> 원을 생성하는 요소:

이 SVG 코드는 다음과 같습니다:

예제

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

직접 시도해 보세요

코드 설명:

  • cx와 cy 속성은 원심의 x와 y 좌표를 정의합니다. cx와 cy를 생략하면 원심이 (0,0)으로 설정됩니다.
  • r 속성은 원의 반지름을 정의합니다.