From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../web/api/canvasrenderingcontext2d/arc/index.md | 149 +++-- .../canvasrenderingcontext2d/beginpath/index.md | 88 ++- .../beziercurveto/index.md | 106 ++-- .../api/canvasrenderingcontext2d/canvas/index.md | 65 +- .../canvasrenderingcontext2d/clearrect/index.md | 128 ++-- .../canvasrenderingcontext2d/closepath/index.md | 88 ++- .../createlineargradient/index.md | 128 ++-- .../canvasrenderingcontext2d/direction/index.md | 106 ++-- .../canvasrenderingcontext2d/drawimage/index.md | 216 +++---- .../api/canvasrenderingcontext2d/ellipse/index.md | 122 ++-- .../web/api/canvasrenderingcontext2d/fill/index.md | 156 +++-- .../api/canvasrenderingcontext2d/fillrect/index.md | 126 ++-- .../canvasrenderingcontext2d/fillstyle/index.md | 152 +++-- .../api/canvasrenderingcontext2d/filltext/index.md | 114 ++-- .../web/api/canvasrenderingcontext2d/font/index.md | 116 ++-- .../canvasrenderingcontext2d/getimagedata/index.md | 108 ++-- .../canvasrenderingcontext2d/globalalpha/index.md | 129 ++-- .../globalcompositeoperation/index.md | 91 ++- .../imagesmoothingenabled/index.md | 73 +-- files/fr/web/api/canvasrenderingcontext2d/index.md | 678 ++++++++++----------- .../api/canvasrenderingcontext2d/linecap/index.md | 136 ++--- .../api/canvasrenderingcontext2d/linejoin/index.md | 119 ++-- .../api/canvasrenderingcontext2d/lineto/index.md | 116 ++-- .../canvasrenderingcontext2d/measuretext/index.md | 79 +-- .../api/canvasrenderingcontext2d/moveto/index.md | 116 ++-- .../quadraticcurveto/index.md | 112 ++-- .../web/api/canvasrenderingcontext2d/rect/index.md | 128 ++-- .../api/canvasrenderingcontext2d/rotate/index.md | 98 ++- .../web/api/canvasrenderingcontext2d/save/index.md | 79 +-- .../api/canvasrenderingcontext2d/scale/index.md | 130 ++-- .../canvasrenderingcontext2d/setlinedash/index.md | 118 ++-- .../canvasrenderingcontext2d/settransform/index.md | 120 ++-- .../api/canvasrenderingcontext2d/stroke/index.md | 96 ++- .../canvasrenderingcontext2d/strokerect/index.md | 126 ++-- .../canvasrenderingcontext2d/strokestyle/index.md | 151 +++-- .../canvasrenderingcontext2d/stroketext/index.md | 114 ++-- .../canvasrenderingcontext2d/textalign/index.md | 114 ++-- .../canvasrenderingcontext2d/textbaseline/index.md | 118 ++-- .../canvasrenderingcontext2d/transform/index.md | 120 ++-- .../canvasrenderingcontext2d/translate/index.md | 100 ++- 40 files changed, 2340 insertions(+), 2889 deletions(-) (limited to 'files/fr/web/api/canvasrenderingcontext2d') diff --git a/files/fr/web/api/canvasrenderingcontext2d/arc/index.md b/files/fr/web/api/canvasrenderingcontext2d/arc/index.md index d51cb083df..0656bd50da 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/arc/index.md +++ b/files/fr/web/api/canvasrenderingcontext2d/arc/index.md @@ -8,67 +8,70 @@ tags: - Reference translation_of: Web/API/CanvasRenderingContext2D/arc --- -
{{APIRef}}
+{{APIRef}} -

La méthode CanvasRenderingContext2D.arc() de l'API Canvas 2D permet d'ajouter un arc de cercle  au tracé, en le centrant aux positions (x, y) et avec un rayon r qui démarre à angleDépart et qui finit à angleFin, dans la direction de sensAntiHoraire (par défaut en sens horaire).

+La méthode **`CanvasRenderingContext2D`\*\***`.arc()`\*_ de l'API Canvas 2D permet d'ajouter un arc de cercle  au tracé, en le centrant aux positions _(x, y)* et avec un rayon *r* qui démarre à *angleDépart* et qui finit à *angleFin*, dans la direction de *sensAntiHoraire\* (par défaut en sens horaire). -

Syntaxe

+## Syntaxe -
void ctx.arc(x, y, rayon, angleDépart, angleFin, sensAntiHoraire);
-
+ void ctx.arc(x, y, rayon, angleDépart, angleFin, sensAntiHoraire); -

Paramètres

+### Paramètres -
-
x
-
La position en x du centre de l'arc.
-
y
-
La position en y du centre de l'arc.
-
radius (rayon)
-
Le rayon de l'arc.
-
startAngle (angle départ)
-
La valeur de l'angle avec laquelle démarre l'arc de cercle, mesurée dans le sens horaire à partir de l'axe x positif et exprimé en radians.
-
endAngle (angle fin)
-
La valeur de l'angle avec laquelle se finit l'arc de cercle, mesurée dans le sens horaire à partir de l'axe x positif et exprimé en radians.
-
anticlockwise (sens anti-horaire) {{optional_inline}}
-
Un {{jsxref("Booléen")}} facultatif qui, si à true(vrai), indique que l'arc sera dessiné dans le sens inverse des aiguilles d'une montre entre les deux angles. Par défaut, la valeur est le sens des aiguilles d'une montre.
-
+- `x` + - : La position en x du centre de l'arc. +- `y` + - : La position en y du centre de l'arc. +- `radius` _(rayon)_ + - : Le rayon de l'arc. +- `startAngle` _(angle départ)_ + - : La valeur de l'angle avec laquelle démarre l'arc de cercle, mesurée dans le sens horaire à partir de l'axe x positif et exprimé en radians. +- `endAngle` _(angle fin)_ + - : La valeur de l'angle avec laquelle se finit l'arc de cercle, mesurée dans le sens horaire à partir de l'axe x positif et exprimé en radians. +- `anticlockwise` _(sens anti-horaire)_ {{optional_inline}} + - : Un {{jsxref("Booléen")}} facultatif qui, si à `true`_(vrai),_ indique que l'arc sera dessiné dans le sens inverse des aiguilles d'une montre entre les deux angles. Par défaut, la valeur est le sens des aiguilles d'une montre. -

Exemples

+## Exemples -

En utilisant la méthode arc 

+### En utilisant la méthode `arc`  -

Voici un code simple permettant de dessiner un cercle .

+Voici un code simple permettant de dessiner un cercle . -

HTML

+#### HTML -
<canvas id="canvas"></canvas>
+```html + +``` -

JavaScript

+#### JavaScript -
var canvas = document.getElementById('canvas');
+```js
+var canvas = document.getElementById('canvas');
 var ctx = canvas.getContext('2d');
 
 ctx.beginPath();
 ctx.arc(75, 75, 50, 0, 2 * Math.PI);
-ctx.stroke();
+ctx.stroke(); +``` -

Modifiez le code ci-dessous et voyez les changements en direct sur le canvas :

+Modifiez le code ci-dessous et voyez les changements en direct sur le canvas : -

Code jouable

+#### Code jouable -