Latest web development tutorials

measureText tela HTML () Método

HTML Manual de lona Referência HTML Manual de lona Referência

Exemplos

Antes da saída de texto tela, verifique a largura da fonte:

YourbrowserdoesnotsupporttheHTML5canvastag.

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);

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari apoio measureText () método.

Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.


Definição e Uso

measureText () retorna um objeto que contém a fonte especificada em pixels de largura.

Dica: Se você precisar de texto de saída para a tela antes, eu entendo a largura do texto, use este método.

sintaxe JavaScript: contexto.measureText (texto) .width;

parâmetro Valor

参数 描述
text 要测量的文本。


HTML Manual de lona Referência HTML Manual de lona Referência