From 7040e4bc9c98e0c50ce903a5cbeeabeda2ed908a Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:27 +0100 Subject: move *.html to *.md --- files/fr/web/svg/element/ellipse/index.html | 131 ---------------------------- files/fr/web/svg/element/ellipse/index.md | 131 ++++++++++++++++++++++++++++ 2 files changed, 131 insertions(+), 131 deletions(-) delete mode 100644 files/fr/web/svg/element/ellipse/index.html create mode 100644 files/fr/web/svg/element/ellipse/index.md (limited to 'files/fr/web/svg/element/ellipse') diff --git a/files/fr/web/svg/element/ellipse/index.html b/files/fr/web/svg/element/ellipse/index.html deleted file mode 100644 index 450766fb25..0000000000 --- a/files/fr/web/svg/element/ellipse/index.html +++ /dev/null @@ -1,131 +0,0 @@ ---- -title: ellipse -slug: Web/SVG/Element/ellipse -tags: - - SVG - - SVG Element - - SVG Reference -translation_of: Web/SVG/Element/ellipse ---- -
{{SVGRef}}
- -

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>
- -

Attributs

- -

Attributs spécifiques

- - - -
-
{{ SVGAttr("cx") }}
-
La position x de l'ellipse.
- Type de valeur : <longueur>|<pourcentage>; Valeur par défaut : 0; Animable : oui.
-
{{ SVGAttr("cy") }}
-
La position y de l'ellipse.
- Type de valeur : <longueur>|<pourcentage>; Valeur par défaut : 0; Animable : oui.
-
{{ SVGAttr("rx") }}
-
Le rayon de l'ellipse sur l'axe x.
- Type de valeur : auto|<longueur>|<pourcentage>; Valeur par défaut : auto; Animable : oui.
-
{{ SVGAttr("ry") }}
-
Le rayon de l'ellipse sur l'axe y.
- Type de valeur : auto|<longueur>|<pourcentage>; Valeur par défaut : auto; Animable : oui.
-
{{ SVGAttr("pathLength") }}
-
Cet attribut permet de spécifier la longueur totale du tracé, en unités de l'utilisateur.
- Type de valeur : <number>; Valeur par défaut : 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.

-
- -

Attributs Globaux

- -
-
Attributs centraux
-
Plus notamment : {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}
-
Attributs de style
-
{{SVGAttr('class')}}, {{SVGAttr('style')}}
-
Attributs de traitement conditionnel
-
Plus notamment : {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}
-
Attributs d'événements
-
Attributs d'événément globaux, Attributs d'événément graphiques
-
Attributs de présentation
-
Plus notamment : {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}
-
Attributs ARIA
-
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
-
- -

Usage

- -

{{svginfo}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{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
- -

Interface DOM

- -

Cet élément implémente l'interface SVGEllipseElement.

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{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.
- -

Compatibilité des navigateurs

- -

{{Compat("svg.elements.ellipse")}}

- -

Voir aussi

- - diff --git a/files/fr/web/svg/element/ellipse/index.md b/files/fr/web/svg/element/ellipse/index.md new file mode 100644 index 0000000000..450766fb25 --- /dev/null +++ b/files/fr/web/svg/element/ellipse/index.md @@ -0,0 +1,131 @@ +--- +title: ellipse +slug: Web/SVG/Element/ellipse +tags: + - SVG + - SVG Element + - SVG Reference +translation_of: Web/SVG/Element/ellipse +--- +
{{SVGRef}}
+ +

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>
+ +

Attributs

+ +

Attributs spécifiques

+ + + +
+
{{ SVGAttr("cx") }}
+
La position x de l'ellipse.
+ Type de valeur : <longueur>|<pourcentage>; Valeur par défaut : 0; Animable : oui.
+
{{ SVGAttr("cy") }}
+
La position y de l'ellipse.
+ Type de valeur : <longueur>|<pourcentage>; Valeur par défaut : 0; Animable : oui.
+
{{ SVGAttr("rx") }}
+
Le rayon de l'ellipse sur l'axe x.
+ Type de valeur : auto|<longueur>|<pourcentage>; Valeur par défaut : auto; Animable : oui.
+
{{ SVGAttr("ry") }}
+
Le rayon de l'ellipse sur l'axe y.
+ Type de valeur : auto|<longueur>|<pourcentage>; Valeur par défaut : auto; Animable : oui.
+
{{ SVGAttr("pathLength") }}
+
Cet attribut permet de spécifier la longueur totale du tracé, en unités de l'utilisateur.
+ Type de valeur : <number>; Valeur par défaut : 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.

+
+ +

Attributs Globaux

+ +
+
Attributs centraux
+
Plus notamment : {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}
+
Attributs de style
+
{{SVGAttr('class')}}, {{SVGAttr('style')}}
+
Attributs de traitement conditionnel
+
Plus notamment : {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}
+
Attributs d'événements
+
Attributs d'événément globaux, Attributs d'événément graphiques
+
Attributs de présentation
+
Plus notamment : {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}
+
Attributs ARIA
+
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
+
+ +

Usage

+ +

{{svginfo}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{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
+ +

Interface DOM

+ +

Cet élément implémente l'interface SVGEllipseElement.

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{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.
+ +

Compatibilité des navigateurs

+ +

{{Compat("svg.elements.ellipse")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf