HTML canvas font özelliği
tanım ve kullanım
font özellik, kanvisteki metin içeriğinin mevcut yazı tipi özelliklerini ayarlar veya döndürür.
font özellik kullanımı CSS font özelliğiaynı
örnek
40 piksel genişliğinde bir metin yazın, kullanılan yazı tipi "Arial":
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
grama
context.font="italic small-caps bold 12px arial";
özellik değeri
| değer | tanım |
|---|---|
| font-style |
Belirtilen yazı tipi tarzını belirtir. Olası değerler:
|
| font-variant |
Belirtilen yazı tipi varyasyonunu belirtir. Olası değerler:
|
| font-weight |
Belirtilen yazı tipinin kalınlığını belirtir. Olası değerler:
|
| font-size / line-height | Piksel cinsinden boyut ve satır yüksekliğini belirtir. |
| font-family | Karakter dizisini belirtir. |
| caption | Başlık kontrolleri için kullanılan yazı tipini belirtir (düğmeler, açılan listeler vb.). |
| icon | İkonları işaretlemek için kullanılan yazı tipini belirtir. |
| menu | Menülerde kullanılan yazı tipini belirtir (aşağıya doğru açılan listeler ve menü listeleri). |
| message-box | Pencere içinde kullanılan yazı tipini belirtir. |
| small-caption | Küçük kontrolleri işaretlemek için kullanılan yazı tipini belirtir. |
| status-bar | Pencere durum çubuğunda kullanılan yazı tipini belirtir. |
Teknik Açıklamalar
| Varsayılan Değer: | 10px sans-serif |
|---|
Tarayıcı Desteği
Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> ögesini desteklememektedir.
