measureText lienzo HTML método ()
Ejemplos
Antes de la salida de texto lienzo, comprobar 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("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
Trate »
Soporte para el navegador
Internet Explorer 9, el método de Firefox, Opera, Chrome y Safari measureText apoyo ().
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
measureText método () devuelve un objeto que contiene la fuente especificada en píxeles de ancho.
Consejo: Si necesita texto de salida a la lona antes, entiendo la anchura del texto, utilice este método.
la sintaxis de JavaScript: | contexto.measureText (texto) .width; |
---|
parámetro Valor
参数 | 描述 |
---|---|
text | 要测量的文本。 |