Latest web development tutorials

SVG 라운드

라운드 SVG - <원>

<원> 태그는 원을 만드는 데 사용됩니다 :

다음은 SVG 코드는 다음과 같습니다

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

»시도

오페라 사용자 : 보기 SVG 파일 (미리보기 소스 SVG 그래픽을 마우스 오른쪽 버튼으로 클릭).

코드 분석 :

  • CX 및 CY 속성은 x 및 점의 y 좌표를 정의합니다. 만약 중심 CX CY를 생략하면, 원으로 설정된다 (0, 0)
  • R 속성이 원의 반경을 정의