Contoh
Periksa lebar teks, sebelum menulis di kanvas:
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);
Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| metode | |||||
|---|---|---|---|---|---|
| measureText() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The measureText() metode mengembalikan sebuah objek yang berisi lebar teks yang ditentukan, dalam piksel.
Tip: Gunakan metode ini jika Anda perlu tahu lebar teks, sebelum menulis itu di kanvas.
| sintaks JavaScript: | context . measureText( text ) .width; |
|---|
Nilai parameter
| Parameter | Deskripsi | Mainkan |
|---|---|---|
| text | teks yang akan diukur | Mainkan " |
<Canvas Object