Exemplo
Verifique a largura do texto, antes de escrevê-lo na tela:
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 você mesmo " Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| measureText() | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
O measureText() método devolve um objecto que contém a largura do texto especificado, em pixels.
Tip: Use este método se você precisa saber a largura de um texto, antes de escrevê-lo na tela.
| sintaxe JavaScript: | context . measureText( text ) .width; |
|---|
Os valores dos parâmetros
| Parâmetro | Descrição | Jogue |
|---|---|---|
| text | O texto a ser medido | Jogue " |
<Object Canvas