Kaedah measureText() papan HTML
Definisi dan penggunaan
measureText() Kaedah ini mengembalikan objek yang mengandungi lebar huruf yang ditentukan dalam satuan piksel.
Petikan:Jika anda perlu mengetahui lebar teks sebelum mengeksport teks ke papan gambar, gunakan kaedah ini.
Contoh
Periksa lebar huruf sebelum mengeksport teks ke papan gambar:
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);
语法
context.measureText(text).width;
参数值
| 参数 | 描述 |
|---|---|
| text | 要测量的文本。 |
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 及其更早版本不支持 <canvas> 元素。
