在画布上绘制文本
要在画布上绘制文本中，最重要的属性和方法是：
- font -定义文本的字体属性
- fillText( text,x,y ) -吸引"filled"在画布上的文字
- strokeText( text,x,y ) -画在画布上的文本(no fill)
使用fillText()
例
字体设置为30像素"Arial" ，写在画布上填写的文字：
JavaScript的：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Arial";
ctx.fillText("Hello World",10,50); 试一试» 使用strokeText()
例
字体设置为30像素"Arial" ，写一个文本，没有填充，在画布上：
JavaScript的：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Arial";
ctx.strokeText("Hello World",10,50); 试一试» 添加颜色和文本中心
例
字体设置为30像素“Comic Sans字体MS”，写在画布的中心填充红色文字：
JavaScript的：
var
canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Comic Sans MS";
ctx.fillStyle = "red";
ctx.textAlign = "center";
ctx.fillText("Hello World", canvas.width/2, canvas.height/2);
试一试»