<circle>

circle(원)은 엘리먼트는 중심점과 반지름에 기초하여 원을 생성하는데 사용되는  SVG의 기본 모양이다. 

html,body,svg { height:100% }

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="50"/>
</svg>

사용예 컨텍스트

예제

<?xml version="1.0"?>
<svg viewBox="0 0 120 120" version="1.1"
  xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="50"/>
</svg>

» circle.svg

속성들

글로벌 속성들

• 조건부 처리 속성들 »
• 주요 속성들 »
• 그래픽 이벤트 속성들 »
• 표현 속성들 »
• class
• style
• externalResourcesRequired
• transform

특정 속성들

• cx
• cy
• r

DOM 인터페이스

이 엘리먼트는 SVGCircleElement 를 구현한다..

명세서들

브라우저 호환성

See also

• <ellipse>