blob: 04ccaf4bdeef7ad4dcdf78bd16270b94e21aff0c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
---
title: CanvasRenderingContext2D.measureText()
slug: Web/API/CanvasRenderingContext2D/measureText
tags:
- API
- Canevas
- CanvasRenderingContext2D
- Méthode
- Reference
translation_of: Web/API/CanvasRenderingContext2D/measureText
---
{{APIRef}}
La méthode **`CanvasRenderingContext2D.measureText()`** renvoie un objet {{domxref ("TextMetrics")}} qui contient des informations sur le texte mesuré (telle que sa largeur, par exemple).
## Syntaxe
ctx.measureText(texte);
### Paramètres
- texte
- : Le texte à mesurer.
### Valeur retournée
Un objet {{domxref("TextMetrics")}}.
## Exemples
Étant donné cet élément {{HTMLElement("canvas")}} :
```html
<canvas id="canevas"></canvas>
```
vous pouvez obtenir un objet {{domxref("TextMetrics")}} en utilisant le code suivant :
```js
var canevas = document.getElementById('canevas');
var ctx = canevas.getContext('2d');
var texte = ctx.measureText('foo'); // objet TextMetrics
texte.width; // 16;
```
## Spécifications
| Spécification | Statut | Commentaire |
| ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
| {{SpecName('HTML WHATWG', "scripting.html#dom-context-2d-measuretext", "CanvasRenderingContext2D.measureText")}} | {{Spec2('HTML WHATWG')}} | |
## Compatibilité des navigateurs
{{Compat("api.CanvasRenderingContext2D.measureText")}}
## Voir aussi
- L'interface la définissant, {{domxref("CanvasRenderingContext2D")}}.
- {{domxref("TextMetrics")}}
|
