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/stroketext/index.html | 126 --------------------- .../canvasrenderingcontext2d/stroketext/index.md | 126 +++++++++++++++++++++ 2 files changed, 126 insertions(+), 126 deletions(-) delete mode 100644 files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html create mode 100644 files/fr/web/api/canvasrenderingcontext2d/stroketext/index.md (limited to 'files/fr/web/api/canvasrenderingcontext2d/stroketext') diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html deleted file mode 100644 index c1b20a2580..0000000000 --- a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: CanvasRenderingContext2D.strokeText() -slug: Web/API/CanvasRenderingContext2D/strokeText -tags: - - API - - Canvas - - CanvasRenderingContext2D - - Méthode - - Reference -translation_of: Web/API/CanvasRenderingContext2D/strokeText ---- -
{{APIRef}}
- -

La méthode CanvasRenderingContext2D.strokeText() de l'API Canvas 2D trace le texte fourni à la position donnée (x, y). Si le quatrième paramètre optionnel indiquant une largeur maximale est fourni, le texte sera mis à l'échelle pour tenir dans cette cette largeur.

- -

Voir aussi la méthode {{domxref("CanvasRenderingContext2D.fillText()")}} pour dessiner un texte rempli.

- -

Syntaxe

- -
void ctx.strokeText(texte, x, y [, largeurMax]);
-
- -

Paramètres

- -
-
texte
-
Le texte à tracer en utilisant les valeurs en cours de {{domxref("CanvasRenderingContext2D.font","font")}}, {{domxref("CanvasRenderingContext2D.textAlign","textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline","textBaseline")}}, et {{domxref("CanvasRenderingContext2D.direction","direction")}}.
-
- -
-
x
-
La coordonnée sur l'axe des x du point de départ du texte.
-
y
-
La coordonnée sur l'axe des y du point de départ du texte.
-
largeurMax {{optional_inline}}
-
La largeur maximum à dessiner.  Si spécifiée et si la chaîne est calculée comme étant plus large que cette largeur, la police est ajustée pour utiliser une police plus condensée horizontalement (si une est disponible ou si une raisonnablement lisible lisible peut être synthétisée en mettant à l'échelle horizontalement la police courante), ou une police plus petite.
-
- -

Exemples

- -

Utilisation de la méthode strokeText

- -

Il ne s'agit que d'un extrait de code simple qui utilise la méthode strokeText.

- -

HTML

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

JavaScript

- -
var canevas = document.getElementById('canevas');
-var ctx = canevas.getContext('2d');
-
-ctx.font = '48px serif';
-ctx.strokeText('Hello world', 50, 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-context-2d-stroketext", "CanvasRenderingContext2D.strokeText")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.md b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.md new file mode 100644 index 0000000000..c1b20a2580 --- /dev/null +++ b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.md @@ -0,0 +1,126 @@ +--- +title: CanvasRenderingContext2D.strokeText() +slug: Web/API/CanvasRenderingContext2D/strokeText +tags: + - API + - Canvas + - CanvasRenderingContext2D + - Méthode + - Reference +translation_of: Web/API/CanvasRenderingContext2D/strokeText +--- +
{{APIRef}}
+ +

La méthode CanvasRenderingContext2D.strokeText() de l'API Canvas 2D trace le texte fourni à la position donnée (x, y). Si le quatrième paramètre optionnel indiquant une largeur maximale est fourni, le texte sera mis à l'échelle pour tenir dans cette cette largeur.

+ +

Voir aussi la méthode {{domxref("CanvasRenderingContext2D.fillText()")}} pour dessiner un texte rempli.

+ +

Syntaxe

+ +
void ctx.strokeText(texte, x, y [, largeurMax]);
+
+ +

Paramètres

+ +
+
texte
+
Le texte à tracer en utilisant les valeurs en cours de {{domxref("CanvasRenderingContext2D.font","font")}}, {{domxref("CanvasRenderingContext2D.textAlign","textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline","textBaseline")}}, et {{domxref("CanvasRenderingContext2D.direction","direction")}}.
+
+ +
+
x
+
La coordonnée sur l'axe des x du point de départ du texte.
+
y
+
La coordonnée sur l'axe des y du point de départ du texte.
+
largeurMax {{optional_inline}}
+
La largeur maximum à dessiner.  Si spécifiée et si la chaîne est calculée comme étant plus large que cette largeur, la police est ajustée pour utiliser une police plus condensée horizontalement (si une est disponible ou si une raisonnablement lisible lisible peut être synthétisée en mettant à l'échelle horizontalement la police courante), ou une police plus petite.
+
+ +

Exemples

+ +

Utilisation de la méthode strokeText

+ +

Il ne s'agit que d'un extrait de code simple qui utilise la méthode strokeText.

+ +

HTML

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

JavaScript

+ +
var canevas = document.getElementById('canevas');
+var ctx = canevas.getContext('2d');
+
+ctx.font = '48px serif';
+ctx.strokeText('Hello world', 50, 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-context-2d-stroketext", "CanvasRenderingContext2D.strokeText")}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

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