HTML canvas font 属性

Mwongozo wa kifaa cha Canvas cha HTML5

定义和用法

font 属性设置或返回画布上文本内容的当前字体属性。

font 属性使用的语法与 CSS font mafuta相同。

实例

在画布上写一段 40 像素的文本，使用的字体是 "Arial"：

Your browser does not support the canvas tag.

JavaScript:

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

亲自试一试

语法

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

属性值

值 描述
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 Inaangalia ukubwa na kawaida ya kawaida, inafaa kwa pixeli.
font-family Inaangalia kawaida ya kawaida.
caption Tumia mafuta kwa kuzungumza na kawaida ya kawaida ya kawaida (kama kifaa cha kawaida, kawaida cha kawaida).
icon Tumia mafuta kwa kuzungumza na kawaida ya kawaida ya kawaida.
menu Tumia mafuta kwa kuzungumza na kawaida ya kawaida ya kawaida (kama kifaa cha kawaida, kawaida cha kawaida).
message-box Tumia mafuta kwa kuzungumza na kawaida ya kawaida ya kawaida.
small-caption Tumia mafuta kwa kuzungumza na kawaida ya kifaa cha kikuu.
status-bar Tumia mafuta kwa kuzungumza na kawaida ya kawaida ya kawaida.

Mafanikio ya teknolojia

Chaguo cha kawaida: 10px sans-serif

Inasimama kwa kifaa

Inafaa ya kina cha tabia inaonyesha na kina cha kwanza cha kufaa cha tabia huzalishwa.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kweli:Internet Explorer 8 na zaidi ya zile hazina inasimama kwa kifaa cha <canvas>.

Mwongozo wa kifaa cha Canvas cha HTML5