Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas font Propery

<HTML Canvas referencyjny

Przykład

Napisz 30px wysoki tekst na płótnie, za pomocą czcionki "Arial" :

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Pomoc Browser

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
font tak 9,0 tak tak tak

Definicja i Wykorzystanie

Zestawy własności czcionki lub zwraca bieżące właściwości czcionek dla zawartości tekstowej na płótnie.

Właściwość font wykorzystuje tę samą składnię jako własności czcionki CSS .

Domyślna wartość: 10px sans-serif
Składnia JavaScript: context.font="italic small-caps bold 12px arial";

wartości nieruchomości

wartości Opis Graj
font-style Określa styl czcionki. Możliwe wartości:
  • normal
  • italic
  • oblique
Graj "
font-variant Określa wariant czcionki. Możliwe wartości:
  • normal
  • small-caps
Graj "
font-weight Określa wagę czcionki. Możliwe wartości:
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Graj "
font-size/line-height Określa rozmiar czcionki i line-height w pikselach Graj "
font-family Określa rodzinę czcionek Graj "
caption Użyj czcionek napisami kontroli (jak przyciski, menu rozwijane, itp) Graj "
icon Użyj czcionki używanej do etykiet ikon Graj "
menu Użyj czcionki używanej w menu (menu rozwijanych listach menu) Graj "
message-box Użyj czcionki używanej w oknach dialogowych Graj "
small-caption Użyj czcionki używane do oznaczania małych elementów sterujących Graj "
status-bar Użyj czcionki użyte w pasku stanu okna Graj "

<HTML Canvas referencyjny