--- title: ellipse slug: Web/SVG/Element/ellipse tags: - SVG - SVG Element - SVG Reference translation_of: Web/SVG/Element/ellipse ---
L'élément ellipse
est une forme basique SVG,utilisé pour créer des ellipses basées sur un centre, et ses deux rayons x et y.
Note: Il est impossible de spécifier l'orientation exacte d'une ellipse (par exemple, si vous souhaitez dessiner une ellipse à un angle de 45°), mais l'ellipse peut avoir une rotation avec l'attribut {{ SVGAttr("transform") }}.
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="100" cy="50" rx="100" ry="50" /> </svg>
0
; Animable : oui.0
; Animable : oui.auto
|<longueur>|<pourcentage>; Valeur par défaut : auto
; Animable : oui.auto
|<longueur>|<pourcentage>; Valeur par défaut : auto
; Animable : oui.auto
; Animable : oui.Note: À partir de SVG2, cx, cy, rx, et ry sont des Propriétés Géomatriques, ce qui signifie que ces attributs peuvent aussi être utilisés comme propriétés CSS pour cet élément.
aria-activedescendant
, aria-atomic
, aria-autocomplete
, aria-busy
, aria-checked
, aria-colcount
, aria-colindex
, aria-colspan
, aria-controls
, aria-current
, aria-describedby
, aria-details
, aria-disabled
, aria-dropeffect
, aria-errormessage
, aria-expanded
, aria-flowto
, aria-grabbed
, aria-haspopup
, aria-hidden
, aria-invalid
, aria-keyshortcuts
, aria-label
, aria-labelledby
, aria-level
, aria-live
, aria-modal
, aria-multiline
, aria-multiselectable
, aria-orientation
, aria-owns
, aria-placeholder
, aria-posinset
, aria-pressed
, aria-readonly
, aria-relevant
, aria-required
, aria-roledescription
, aria-rowcount
, aria-rowindex
, aria-rowspan
, aria-selected
, aria-setsize
, aria-sort
, aria-valuemax
, aria-valuemin
, aria-valuenow
, aria-valuetext
, role
{{svginfo}}
Spécification | Statut | Commentaire |
---|---|---|
{{SpecName('SVG2', 'shapes.html#EllipseElement', '<ellipse>')}} | {{Spec2('SVG2')}} | Ajout de la valeur auto pour rx et ry |
{{SpecName('SVG1.1', 'shapes.html#EllipseElement', '<ellipse>')}} | {{Spec2('SVG1.1')}} | Définition initiale |
Cet élément implémente l'interface SVGEllipseElement
.
{{ CompatibilityTable() }}
Fonctionnalités | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support basique | 1.0 | {{ CompatGeckoDesktop('1.8') }} | {{ CompatIE('9.0') }} | {{ CompatOpera('8.0') }} | {{ CompatSafari('3.0.4') }} |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support basique | {{ CompatAndroid('3.0') }} | {{ CompatGeckoMobile('1.8') }} | {{ CompatNo() }} | {{ CompatVersionUnknown() }} | {{ CompatSafari('3.0.4') }} |
Cette table est basée sur ces ressources.