03-基本文本显示

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

要在画布上显示文本，最简单的定义方式是通过使用CSS字体样式属性的标准值设置context.font的样式：font-style、font-weight、font-size和font-face。

本章会在3.2节详细讨论每一个属性。现在，读者只需要知道一些类型的字体设计即可。下面是一个简单的设置一个50点衬线字体的例子。

context.font = "50px serif";

除此以外，还需要设置字体的颜色。为了填充字体，要用到context.fillStyle属性，使用标准的CSS颜色、CanvasGradient或CanvasPattern对对象进行设置。后面这两种方法将在以后的章节中讨论。

最后，调用context.fillText()方法，把要显示的文本以及文本的x轴、y轴的位置传递到画布上。

以下这个例子展示了在HTML5 Canvas上显示填充的字体所需的3行基本代码，如下：

context.font = "50px serif"
context.fillStyle = "#FF0000";
context.fillText ("Hello World",100, 80);

如果没有指定字体，则默认自动使用10px无衬线体。