Método measureText() del lienzo HTML
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.obtenerContexto("2d");
ctx.font="30px Arial";
var txt="Hola Mundo"
ctx.escribirTexto("ancho:" + ctx.medirTexto(txt).ancho,10,50)
ctx.escribirTexto(txt,10,100);
Sintaxis
contexto.medirTexto(text).ancho;
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 |
Notas:Los navegadores Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.
