SVG 원형 그리기 간단한 예시 공유

오늘 "svg 원형 그리기"부분 공유
1. 단순 원형
효과도는 다음과 같습니다.
키 코드:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
     <circle cx="40" cy="40" r="40"></circle>
</svg>

 
코드 해석:
cx와cy 속성은 원점의 x와 y 좌표를 정의합니다.cx와cy를 생략하면 원의 중심이 (0,0)로 설정됩니다.
r 속성은 원의 반지름을 정의합니다.
 
2, 원형 채움 색상 및 테두리
효과도는 다음과 같습니다.
키 코드:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
     <circle cx="45" cy="45" r="40" stroke-width="3" stroke="blue" fill="red"></circle>
</svg>

 
코드 해석:
fill 속성은 원형의 충전 색상(rgb값, 색상명 또는 16진수)을 정의합니다.
stroke-width 속성은 원형 테두리의 폭을 정의합니다.
stroke 속성은 원형 테두리의 색을 정의합니다
 
자, 오늘의 공유는 여기서 끝났습니다. 저도 공부를 하면서 공유했습니다. 잘못된 점이 있으면 바로잡아 주십시오. 다음에'svg 타원 그리기'부분을 공유할 때 찾아와 주셔서 감사합니다.