From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- .../canvasrenderingcontext2d/ellipse/index.html | 130 --------------------- 1 file changed, 130 deletions(-) delete mode 100644 files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html (limited to 'files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html') diff --git a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html deleted file mode 100644 index 49a19c218c..0000000000 --- a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html +++ /dev/null @@ -1,130 +0,0 @@ ---- -title: CanvasRenderingContext2D.ellipse() -slug: Web/API/CanvasRenderingContext2D/ellipse -tags: - - API - - Canvas - - CanvasRenderingContext2D - - Experimental - - Méthode -translation_of: Web/API/CanvasRenderingContext2D/ellipse ---- -
{{APIRef}} {{SeeCompatTable}}
- -

La méthode CanvasRenderingContext2D.ellipse() de l'API Canvas 2D ajoute une ellipse au trajet, centrée en (x, y), les rayons rayonX et rayonY commençant à angleDeDébut et se terminant à angleDeFin, en allant dans le sens indiqué par antiHoraire (par défaut, horaire).

- -

Syntaxe

- -
void ctx.ellipse(x, y, rayonX, rayonY, rotation, angleDébut, angleFin, antihoraire);
-
- -

Paramètres

- -
-
x
-
La coordonnée sur l'axe des x du centre de l'ellipse.
-
y
-
La coordonnée sur l'axe des y du centre de l'ellipse.
-
rayonX
-
Le rayon du grand axe de l'ellipse.
-
rayonY
-
Le rayon du petit axe de l'ellipse.
-
rotation
-
La rotation pour cette ellipse, exprimée en radians.
-
angleDébut
-
L'angle de début, mesuré à partir de l'axe des x, à partir duquel elle sera dessinée, exprimé en radians.
-
angleFin
-
L'angle de fin de l'ellipse, jusqu'auquel elle sera dessinée, exprimé in radians.
-
antihoraire {{optional_inline}}
-
Un {{jsxref("Boolean")}} optionnel qui, si true, dessine l'ellipse dans le sens antihoraire, sinon dans le sens horaire.
-
- -

Exemples

- -

Utilisation de la méthode ellipse

- -

Ceci est seulement un fragment de code simple dessinant une ellipse.

- -

HTML

- -
<canvas id="canevas"></canvas>
-
- -

JavaScript

- -
var canevas = document.getElementById('canevas');
-var ctx = canevas.getContext('2d');
-
-ctx.beginPath();
-ctx.ellipse(100, 100, 50, 75, 45 * Math.PI/180, 0, 2 * Math.PI);
-ctx.stroke();
-
- -

Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas (vérifiez le support de votre navigateur dans la table de compatibilité si aucune ellipse n'est tracée) :

- -

Code jouable

- - - - - -

{{ EmbedLiveSample('code_jouable', 700, 360) }}

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "scripting.html#dom-context-2d-ellipse", "CanvasRenderingContext2D.ellipse")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilité des navigateurs

- -

{{Compat("api.CanvasRenderingContext2D.ellipse")}}

- -

Voir aussi

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