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 --- .../web/api/canvasgradient/addcolorstop/index.html | 124 --------------------- .../web/api/canvasgradient/addcolorstop/index.md | 124 +++++++++++++++++++++ files/fr/web/api/canvasgradient/index.html | 58 ---------- files/fr/web/api/canvasgradient/index.md | 58 ++++++++++ 4 files changed, 182 insertions(+), 182 deletions(-) delete mode 100644 files/fr/web/api/canvasgradient/addcolorstop/index.html create mode 100644 files/fr/web/api/canvasgradient/addcolorstop/index.md delete mode 100644 files/fr/web/api/canvasgradient/index.html create mode 100644 files/fr/web/api/canvasgradient/index.md (limited to 'files/fr/web/api/canvasgradient') diff --git a/files/fr/web/api/canvasgradient/addcolorstop/index.html b/files/fr/web/api/canvasgradient/addcolorstop/index.html deleted file mode 100644 index f88d7413a9..0000000000 --- a/files/fr/web/api/canvasgradient/addcolorstop/index.html +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: CanvasGradient.addColorStop() -slug: Web/API/CanvasGradient/addColorStop -tags: - - API - - Canvas - - CanvasGradient - - Méthode - - Reference -translation_of: Web/API/CanvasGradient/addColorStop ---- -
{{APIRef("Canvas API")}}
- -

La méthode CanvasGradient.addColorStop () ajoute un nouvel arrêt, défini par un décalage et une couleur, au dégradé. Si le décalage n'est pas compris entre 0 et 1, une erreur INDEX_SIZE_ERR est générée, si la couleur ne peut pas être analysée en tant que {{cssxref ("<color>")}} CSS, une erreur SYNTAX_ERR est générée.

- -

Syntaxe

- -
void gradient.addColorStop(décalage, couleur);
-
- -

Paramètres

- -
-
décalage
-
Un nombre entre 0 et 1. Une erreur INDEX_SIZE_ERR est générée, si le nombre n'est pas dans cette plage.
-
couleur
-
Une {{cssxref ("<color>")}} CSS. Une erreur SYNTAX_ERR est générée, si la valeur ne peut pas être analysée en tant que valeur <color> CSS.
-
- -

Exemples

- -

Utilisation de la méthode addColorStop 

- -

Il s'agit seulement d'un simple fragment de code qui utilise la méthode addColorStop avec un objet {{domxref("CanvasGradient")}}.

- -

HTML

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

JavaScript

- -
var canevas = document.getElementById('canevas');
-var ctx = canevas.getContext('2d');
-
-var degrade = ctx.createLinearGradient(0, 0, 200, 0);
-degrade.addColorStop(0, 'green');
-degrade.addColorStop(1, 'white');
-ctx.fillStyle = degrade;
-ctx.fillRect(10, 10, 200, 100);
-
- -

Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :

- -

Code jouable

- - - - - -

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

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "scripting.html#dom-canvasgradient-addcolorstop", "CanvasGradient.addColorStop")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilité des navigateurs

- -

{{Compat("api.CanvasGradient.addColorStop")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/canvasgradient/addcolorstop/index.md b/files/fr/web/api/canvasgradient/addcolorstop/index.md new file mode 100644 index 0000000000..f88d7413a9 --- /dev/null +++ b/files/fr/web/api/canvasgradient/addcolorstop/index.md @@ -0,0 +1,124 @@ +--- +title: CanvasGradient.addColorStop() +slug: Web/API/CanvasGradient/addColorStop +tags: + - API + - Canvas + - CanvasGradient + - Méthode + - Reference +translation_of: Web/API/CanvasGradient/addColorStop +--- +
{{APIRef("Canvas API")}}
+ +

La méthode CanvasGradient.addColorStop () ajoute un nouvel arrêt, défini par un décalage et une couleur, au dégradé. Si le décalage n'est pas compris entre 0 et 1, une erreur INDEX_SIZE_ERR est générée, si la couleur ne peut pas être analysée en tant que {{cssxref ("<color>")}} CSS, une erreur SYNTAX_ERR est générée.

+ +

Syntaxe

+ +
void gradient.addColorStop(décalage, couleur);
+
+ +

Paramètres

+ +
+
décalage
+
Un nombre entre 0 et 1. Une erreur INDEX_SIZE_ERR est générée, si le nombre n'est pas dans cette plage.
+
couleur
+
Une {{cssxref ("<color>")}} CSS. Une erreur SYNTAX_ERR est générée, si la valeur ne peut pas être analysée en tant que valeur <color> CSS.
+
+ +

Exemples

+ +

Utilisation de la méthode addColorStop 

+ +

Il s'agit seulement d'un simple fragment de code qui utilise la méthode addColorStop avec un objet {{domxref("CanvasGradient")}}.

+ +

HTML

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

JavaScript

+ +
var canevas = document.getElementById('canevas');
+var ctx = canevas.getContext('2d');
+
+var degrade = ctx.createLinearGradient(0, 0, 200, 0);
+degrade.addColorStop(0, 'green');
+degrade.addColorStop(1, 'white');
+ctx.fillStyle = degrade;
+ctx.fillRect(10, 10, 200, 100);
+
+ +

Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :

+ +

Code jouable

+ + + + + +

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

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "scripting.html#dom-canvasgradient-addcolorstop", "CanvasGradient.addColorStop")}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.CanvasGradient.addColorStop")}}

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/canvasgradient/index.html b/files/fr/web/api/canvasgradient/index.html deleted file mode 100644 index c3422b011a..0000000000 --- a/files/fr/web/api/canvasgradient/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: CanvasGradient -slug: Web/API/CanvasGradient -tags: - - API - - Canvas - - CanvasGradient - - Gradients - - Interface - - Reference -translation_of: Web/API/CanvasGradient ---- -
{{APIRef("Canvas API")}}
- -

L'interface CanvasGradient  représente un objet opaque décrivant un dégradé. Il est retourné par les méthodes {{domxref("CanvasRenderingContext2D.createLinearGradient()")}} ou {{domxref("CanvasRenderingContext2D.createRadialGradient()")}}.

- -

Propriétés

- -

Représentant un objet opaque, il n'y a aucune propriété exposée.

- -

Méthodes

- -

Il n'y a pas de méthode héritée.

- -
-
{{domxref("CanvasGradient.addColorStop()")}}
-
Ajoute un nouveau point d'arrêt, défini par un décalage et une couleur. Si le décalage n'est pas compris entre 0 et 1, une INDEX_SIZE_ERR est générée ; si la couleur ne peut être analysée comme une {{cssxref("<color>")}} CSS,  une SYNTAX_ERR est générée.
-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "the-canvas-element.html#canvasgradient", "CanvasGradient")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilité des navigateurs

- -

{{Compat("api.CanvasGradient")}}

- -

Voir également

- - diff --git a/files/fr/web/api/canvasgradient/index.md b/files/fr/web/api/canvasgradient/index.md new file mode 100644 index 0000000000..c3422b011a --- /dev/null +++ b/files/fr/web/api/canvasgradient/index.md @@ -0,0 +1,58 @@ +--- +title: CanvasGradient +slug: Web/API/CanvasGradient +tags: + - API + - Canvas + - CanvasGradient + - Gradients + - Interface + - Reference +translation_of: Web/API/CanvasGradient +--- +
{{APIRef("Canvas API")}}
+ +

L'interface CanvasGradient  représente un objet opaque décrivant un dégradé. Il est retourné par les méthodes {{domxref("CanvasRenderingContext2D.createLinearGradient()")}} ou {{domxref("CanvasRenderingContext2D.createRadialGradient()")}}.

+ +

Propriétés

+ +

Représentant un objet opaque, il n'y a aucune propriété exposée.

+ +

Méthodes

+ +

Il n'y a pas de méthode héritée.

+ +
+
{{domxref("CanvasGradient.addColorStop()")}}
+
Ajoute un nouveau point d'arrêt, défini par un décalage et une couleur. Si le décalage n'est pas compris entre 0 et 1, une INDEX_SIZE_ERR est générée ; si la couleur ne peut être analysée comme une {{cssxref("<color>")}} CSS,  une SYNTAX_ERR est générée.
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "the-canvas-element.html#canvasgradient", "CanvasGradient")}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.CanvasGradient")}}

+ +

Voir également

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