Método measureText() de Canvas
Definición y uso
measureText() El método devuelve un objeto que contiene el ancho de la fuente especificada en píxeles.
Consejo:Si necesita saber el ancho del texto antes de escribirlo en el lienzo, utilice este método.
Ejemplo
Antes de escribir texto en el lienzo, verifique el ancho de la fuente:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("ancho:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
gramática
context.measureText(text).width;
Valor del parámetro
| Parámetros | Descripción |
|---|---|
| text | Texto a medir. |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.
