Canvas yazıtipi özelliği

Canvas referans el kitabı

Tanım ve Kullanım

font Özelliği, kanviste metin içeriğinin mevcut yazıtipi özelliklerini ayarlar veya döndürür.

font Kullanılan sözdizimi CSS font özelliğiAynı.

Örnek

40 piksel genişliğinde bir metin yazın, kullanılan yazıtipi "Arial":

Tarayıcınız canvas etiketini desteklemiyor.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);

Deneyin

Sözdizimi

context.font="italic small-caps bold 12px arial";

Özellik değeri

Değer Açıklama
font-style

Harf tarzını belirtin. Olası değerler:

  • normal
  • italic
  • yansıtma
font-variant

Harf varyasyonunu belirtin. Olası değerler:

  • normal
  • küçük-kaplı
font-weight

Harf kalınlığını belirtin. Olası değerler:

  • normal
  • kalın
  • daha kalın
  • daha hafif
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size / line-height Büyüklük ve satır yüksekliğini piksel cinsinden belirtin.
font-family Harf ailesini belirtin.
caption Başlık denetimleri için kullanılan yazıtipi (düğmeler, yürütme listeleri vb.).
icon İkonları işaretlemek için kullanılan yazıtipi.
menu Menülerde kullanılan yazıtipi (yürütme listeleri ve menü listeleri).
message-box Pencerelerde kullanılan yazıtipi.
small-caption Küçük denetim araçlarını işaretlemek için kullanılan yazıtipi.
status-bar Pencere durum çubuğunda kullanılan yazıtipini kullanın.

Teknik ayrıntılar

Varsayılan değer: 10px sans-serif

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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.

Canvas referans el kitabı