« SVG Reference home [ Examples | Attributes | Properties | Methods | Related ]
The ellipse element is an SVG basic shape, used to create ellipses based on a center coordinate, and both their x and y radius.
Ellipses are unable to specify the exact orientation of the ellipse (if, for example, you wanted to draw an ellipse titled at a 45 degree angle), but can be rotated without using transform
attributes.
Example
<?xml version="1.0" standalone="no"?>
<svg width="120" height="120" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<ellipse cx="60" cy="60" rx="30" ry="60"
fill="red" stroke="black"/>
</svg>
Attributes
|
SVG Presentation : Fill-Stroke Attributes
fill
,
fill-opacity
,
fill-rule
,
stroke
,
stroke-dasharray
,
stroke-dashoffset
,
stroke-linecap
,
stroke-linejoin
,
stroke-miterlimit
,
stroke-opacity
,
stroke-width
,
|
|
SVG Presentation : Graphics Attributes
clip-path
,
clip-rule
,
cursor
,
display
,
filter
,
image-rendering
,
mask
,
opacity
,
pointer-events
,
shape-rendering
,
text-rendering
,
visibility
|
|
SVG Element Event Attributes
onactivate
,
onclick
,
onfocusin
,
onfocusout
,
onload
,
onmousedown
,
onmousemove
,
onmouseout
,
onmouseover
,
onmouseup
,
stroke-width
,
|
x
y
width
height
rx
ry
class
externalResourcesRequired
style
transform
