현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
ellipse 엘리먼트는 SVG의 기본 모양 중 하나입니다. 중심좌표와 x와 y의 반지름을 이용하여 타원을 생성할 수 있습니다.
타원은 정확한 방향을 특정지을 수 없습니다. (예를 들어, 45도 기울어진 타원을 그리려고 할 경우) 하지만 transform속성을 사용함으로써 회전시킬 수는 있습니다.
Usage context
| Categories | Basic shape element, Graphics element, Shape element |
|---|---|
| Permitted content | Any number of the following elements, in any order: Animation elements Descriptive elements |
Example
| Source code | Output result |
|---|---|
Unable to find file ellipse.svg |
Unable to find file ellipse.svg |
Attributes
Global attributes
- Conditional processing attributes »
- Core attributes »
- Graphical event attributes »
- Presentation attributes »
classstyleexternalResourcesRequiredtransform
Specific attributes
DOM Interface
This element implements the SVGEllipseElement interface.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 The definition of '<ellipse>' in that specification. |
Candidate Recommendation | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of '<ellipse>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 3.0 | 1.0 (1.8) | No support | (Yes) | 3.0.4 |
The chart is based on these sources.