SVG 원
<circle> 태그를 사용하여 원을 만들 수 있습니다.
SVG 코드는 다음과 같습니다.
예
<!DOCTYPE html> <html> <body> <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> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
Opera 사용자의 경우 : SVG 파일 보기(SVG 그래픽 미리보기 소스를 마우스 오른쪽 버튼으로 클릭).
코드 분석:
cx 및 cy 속성은 점의 x 및 y 좌표를 정의합니다. cx와 cy를 생략하면 원의 중심은 (0, 0)으로 설정됩니다.
r 속성은 원의 반경을 정의합니다
