Latest web development tutorials

attributi dei font canvas HTML

HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento

Esempi

30 pixel di scrivere un testo sulla tela, con il font "Arial":

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, attribuisce Firefox, Opera, Chrome e Safari carattere supporto.

Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.


Definizione e utilizzo

insiemi di proprietà di font o restituisce le proprietà dei font correnti del testo sul contenuto di tela.

Grammatica e attributi del carattere utilizzato CSS proprietà dei font della stessa.

predefinito: 10px sans-serif
sintassi JavaScript: contesto .font = "small-caps corsivograssetto 12px Arial";

Proprietà Valore

描述
font-style 规定字体样式。可能的值:
  • normal
  • italic
  • oblique
font-variant 规定字体变体。可能的值:
  • normal
  • small-caps
font-weight 规定字体的粗细。可能的值:
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
font-size/line-height 规定字号和行高,以像素计。
font-family 规定字体系列。
caption 使用标题控件的字体(比如按钮、下拉列表等)。
icon 使用用于标记图标的字体。
menu 使用用于菜单中的字体(下拉列表和菜单列表)。
message-box 使用用于对话框中的字体。
small-caption 使用用于标记小型控件的字体。
status-bar 使用用于窗口状态栏中的字体。


HTML Manuale di tela di riferimento HTML Manuale di tela di riferimento