Atribut font canvas HTML
definisi dan penggunaan
font atur atau kembalikan atribut huruf teks yang saat ini di atas kanvas.
font syntaks atribut yang digunakan sama seperti Properti font CSSsama
contoh
Tulis kalimat 40 pixel di atas kanvas, menggunakan font "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
syntax
context.font="italic small-caps bold 12px arial";
nilai atribut
| nilai | deskripsi |
|---|---|
| font-style |
atur gaya huruf. Nilai yang mungkin:
|
| font-variant |
atur variasi huruf. Nilai yang mungkin:
|
| font-weight |
atur tebal tebal huruf. Nilai yang mungkin:
|
| font-size / line-height | Tentukan ukuran dan tinggi baris, dalam piksel. |
| font-family | Tentukan seri font. |
| caption | Gunakan font untuk kontrol judul (seperti tombol, daftar turun, dll.). |
| icon | Gunakan font untuk menandai ikon. |
| menu | Gunakan font untuk menu (daftar turun dan daftar menu). |
| message-box | Gunakan font untuk dialog. |
| small-caption | Gunakan font untuk menandai kontrol kecil. |
| status-bar | Gunakan font untuk bantal status jendela. |
Detil Teknologi
| Nilai Default: | 10px sans-serif |
|---|
Dukungan Browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.
