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 --- files/fr/web/api/textmetrics/index.html | 72 --------------------------- files/fr/web/api/textmetrics/index.md | 72 +++++++++++++++++++++++++++ files/fr/web/api/textmetrics/width/index.html | 61 ----------------------- files/fr/web/api/textmetrics/width/index.md | 61 +++++++++++++++++++++++ 4 files changed, 133 insertions(+), 133 deletions(-) delete mode 100644 files/fr/web/api/textmetrics/index.html create mode 100644 files/fr/web/api/textmetrics/index.md delete mode 100644 files/fr/web/api/textmetrics/width/index.html create mode 100644 files/fr/web/api/textmetrics/width/index.md (limited to 'files/fr/web/api/textmetrics') diff --git a/files/fr/web/api/textmetrics/index.html b/files/fr/web/api/textmetrics/index.html deleted file mode 100644 index 1343de3979..0000000000 --- a/files/fr/web/api/textmetrics/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: TextMetrics -slug: Web/API/TextMetrics -tags: - - API - - Canevas - - Reference - - TextMetrics -translation_of: Web/API/TextMetrics ---- -
{{APIRef("Canvas API")}}
- -

L'interface TextMetrics représente la dimension d'un texte dans le canevas, tel que créée par la méthode {{domxref ("CanvasRenderingContext2D.measureText()")}}.

- -

Propriétés

- -
-
{{domxref("TextMetrics.width")}} {{readonlyInline}}
-
est un double donnant la largeur calculée en pixels CSS d'un segment de texte en ligne. Il prend en compte la police en cours du contexte.
-
{{domxref("TextMetrics.actualBoundingBoxLeft")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS parallèlement à la ligne de base entre le point d'alignement donné par la propriété {{domxref ("CanvasRenderingContext2D.textAlign")}}, et le côté gauche du rectangle délimitant du texte donné.
-
{{domxref("TextMetrics.actualBoundingBoxRight")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS parallèlement à la ligne de base entre le point d'alignement donné par la propriété {{domxref ("CanvasRenderingContext2D.textAlign")}}, et le côté droit du rectangle délimitant du texte donné.
-
{{domxref("TextMetrics.fontBoundingBoxAscent")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le haut du rectangle de délimitation le plus élevé de toutes les polices utilisées pour restituer le texte.
-
{{domxref("TextMetrics.fontBoundingBoxDescent")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le bas du rectangle délimitant de toutes les polices utilisées pour restituer le texte.
-
{{domxref("TextMetrics.actualBoundingBoxAscent")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le haut du rectangle de délimitation utilisé pour restituer le texte.
-
{{domxref("TextMetrics.actualBoundingBoxDescent")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et  le bas du rectangle de délimitation utilisé pour restituer le texte.
-
{{domxref("TextMetrics.emHeightAscent")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le haut du carré em dans la boîte de ligne.
-
{{domxref("TextMetrics.emHeightDescent")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le bas du carré em dans la boîte de ligne.
-
{{domxref("TextMetrics.hangingBaseline")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et la ligne de base supérieure de la boîte de ligne.
-
{{domxref("TextMetrics.alphabeticBaseline")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et la ligne de base alphabétique de la boîte de ligne.
-
{{domxref("TextMetrics.ideographicBaseline")}} {{readonlyInline}}
-
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et la ligne de base idéographique de la boîte de ligne.
-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "the-canvas-element.html#textmetrics", "TextMetrics")}}{{Spec2('HTML WHATWG')}}Initial definition
- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

- - diff --git a/files/fr/web/api/textmetrics/index.md b/files/fr/web/api/textmetrics/index.md new file mode 100644 index 0000000000..1343de3979 --- /dev/null +++ b/files/fr/web/api/textmetrics/index.md @@ -0,0 +1,72 @@ +--- +title: TextMetrics +slug: Web/API/TextMetrics +tags: + - API + - Canevas + - Reference + - TextMetrics +translation_of: Web/API/TextMetrics +--- +
{{APIRef("Canvas API")}}
+ +

L'interface TextMetrics représente la dimension d'un texte dans le canevas, tel que créée par la méthode {{domxref ("CanvasRenderingContext2D.measureText()")}}.

+ +

Propriétés

+ +
+
{{domxref("TextMetrics.width")}} {{readonlyInline}}
+
est un double donnant la largeur calculée en pixels CSS d'un segment de texte en ligne. Il prend en compte la police en cours du contexte.
+
{{domxref("TextMetrics.actualBoundingBoxLeft")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS parallèlement à la ligne de base entre le point d'alignement donné par la propriété {{domxref ("CanvasRenderingContext2D.textAlign")}}, et le côté gauche du rectangle délimitant du texte donné.
+
{{domxref("TextMetrics.actualBoundingBoxRight")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS parallèlement à la ligne de base entre le point d'alignement donné par la propriété {{domxref ("CanvasRenderingContext2D.textAlign")}}, et le côté droit du rectangle délimitant du texte donné.
+
{{domxref("TextMetrics.fontBoundingBoxAscent")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le haut du rectangle de délimitation le plus élevé de toutes les polices utilisées pour restituer le texte.
+
{{domxref("TextMetrics.fontBoundingBoxDescent")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le bas du rectangle délimitant de toutes les polices utilisées pour restituer le texte.
+
{{domxref("TextMetrics.actualBoundingBoxAscent")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le haut du rectangle de délimitation utilisé pour restituer le texte.
+
{{domxref("TextMetrics.actualBoundingBoxDescent")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attribut {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et  le bas du rectangle de délimitation utilisé pour restituer le texte.
+
{{domxref("TextMetrics.emHeightAscent")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le haut du carré em dans la boîte de ligne.
+
{{domxref("TextMetrics.emHeightDescent")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et le bas du carré em dans la boîte de ligne.
+
{{domxref("TextMetrics.hangingBaseline")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et la ligne de base supérieure de la boîte de ligne.
+
{{domxref("TextMetrics.alphabeticBaseline")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et la ligne de base alphabétique de la boîte de ligne.
+
{{domxref("TextMetrics.ideographicBaseline")}} {{readonlyInline}}
+
est un double donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriété {{domxref ("CanvasRenderingContext2D.textBaseline")}}, et la ligne de base idéographique de la boîte de ligne.
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "the-canvas-element.html#textmetrics", "TextMetrics")}}{{Spec2('HTML WHATWG')}}Initial definition
+ +

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

+ + diff --git a/files/fr/web/api/textmetrics/width/index.html b/files/fr/web/api/textmetrics/width/index.html deleted file mode 100644 index 69436e4cb2..0000000000 --- a/files/fr/web/api/textmetrics/width/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: TextMetrics.width -slug: Web/API/TextMetrics/width -tags: - - API - - Canevas - - Propriété - - Référence(2) - - TextMetrics -translation_of: Web/API/TextMetrics/width ---- -
{{APIRef("Canvas API")}}
- -

La propriété en lecture seule TextMetrics.width contient en pixels CSS la largeur d'avance du texte (la largeur de la boîte de ligne).

- -

Syntaxe

- -
readonly metrics.width;
- -

Exemples

- -

Étant donné cet élément {{HTMLElement("canvas")}} :

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

vous pouvez obtenir un objet {{domxref("TextMetrics")}} en utilisant le code suivant :

- -
var canvas = document.getElementById("canevas");
-var ctx = canvas.getContext("2d");
-
-var texte = ctx.measureText("foo"); // objet TextMetrics
-texte.width; // 16;
-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "scripting.html#dom-textmetrics-width", "TextMetrics.width")}}{{Spec2('HTML WHATWG')}} 
- -

Compatibilité des navigateurs

- -

{{Compat("api.TextMetrics.width")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/textmetrics/width/index.md b/files/fr/web/api/textmetrics/width/index.md new file mode 100644 index 0000000000..69436e4cb2 --- /dev/null +++ b/files/fr/web/api/textmetrics/width/index.md @@ -0,0 +1,61 @@ +--- +title: TextMetrics.width +slug: Web/API/TextMetrics/width +tags: + - API + - Canevas + - Propriété + - Référence(2) + - TextMetrics +translation_of: Web/API/TextMetrics/width +--- +
{{APIRef("Canvas API")}}
+ +

La propriété en lecture seule TextMetrics.width contient en pixels CSS la largeur d'avance du texte (la largeur de la boîte de ligne).

+ +

Syntaxe

+ +
readonly metrics.width;
+ +

Exemples

+ +

Étant donné cet élément {{HTMLElement("canvas")}} :

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

vous pouvez obtenir un objet {{domxref("TextMetrics")}} en utilisant le code suivant :

+ +
var canvas = document.getElementById("canevas");
+var ctx = canvas.getContext("2d");
+
+var texte = ctx.measureText("foo"); // objet TextMetrics
+texte.width; // 16;
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', "scripting.html#dom-textmetrics-width", "TextMetrics.width")}}{{Spec2('HTML WHATWG')}} 
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.TextMetrics.width")}}

+ +

Voir aussi

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