Metode HTML canvas measureText()
Contoh
Periksa lebar teks, sebelum menulisnya 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);
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| Method | |||||
|---|---|---|---|---|---|
| measureText() | Yes | 9.0 | Yes | Yes | Yes |
Definisi dan Penggunaan
Metode measureText() mengembalikan objek yang berisi lebar teks yang ditentukan, dalam piksel.
Tip: Gunakan metode ini jika Anda perlu mengetahui lebar teks, sebelum menulisnya di kanvas.
| Sintaks JavaScript: | konteks .measureText( teks ).lebar; |
|---|
Nilai Parameter
| Parameter | Description | Play it |
|---|---|---|
| text | The text to be measured |
Referensi Kanvas HTML