HTML canvas measureText() Metode

❮ HTML-doekverwysing

Voorbeeld

Kontroleer die breedte van die teks voordat dit op die doek geskryf word:

Jou blaaier ondersteun nie die HTML5-skerm nie.

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

Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.

Method
measureText() Yes 9.0 Yes Yes Yes

Definisie en gebruik

Die measureText() metode gee 'n objek terug wat die breedte van die gespesifiseerde teks bevat, in pixels.

Wenk: Gebruik hierdie metode as jy die breedte van 'n teks moet ken, voordat jy dit op die doek skryf.

JavaScript-sintaksis: konteks .measureText( teks ).width;

Parameterwaardes

Parameter Description Play it
text The text to be measured

❮ HTML-doekverwysing