Metoda měření Text() na plátně HTML

❮ HTML Canvas Reference

Příklad

Před psaním na plátno zkontrolujte šířku textu:

Váš prohlížeč nepodporuje HTML5canvatag.

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

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.

Method
measureText() Yes 9.0 Yes Yes Yes

Definice a použití

Metoda measureText() vrací objekt, který obsahuje šířku zadaného textu v pixelech.

Tip: Tuto metodu použijte, pokud potřebujete znát šířku textu, než jej napíšete na plátno.

Syntaxe JavaScriptu: kontext .measureText( text ).šířka;

Hodnoty parametrů

Parameter Description Play it
text The text to be measured

❮ HTML Canvas Reference