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>
사용예 컨텍스트
Categories | Basic shape element, Graphics element, Shape element |
---|---|
Permitted content | Any number of the following elements, in any order: Animation elements Descriptive elements |
예제
<?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>
속성들
글로벌 속성들
특정 속성들
DOM 인터페이스
이 엘리먼트는 SVGCircleElement
를 구현한다..
명세서들
명세서 | 상태 | 비고 |
---|---|---|
Scalable Vector Graphics (SVG) 2 The definition of '<circle>' in that specification. |
Candidate Recommendation | |
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<circle>' in that specification. |
Recommendation | 초기화 선언 |
브라우저 호환성
BCD tables only load in the browser