HTML 画布 文本
在画布上绘制文本
要在画布上绘制文本，最重要的属性和方法是：
- 字体-定义文本的字体属性
- 填充文本（文本,x,y) - 在画布上绘制“填充”文本
- 描边文本（文本,x,y) - 在画布上绘制文本（无填充）
使用 fillText()
例子
将字体设置为 30px “Arial”，并在画布上写入填充文本：
JavaScript的：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px 宋体";
ctx.填充文本（“Hello World”，10，50）；
亲自尝试 »
使用 strokeText()
例子
将字体设置为 30px “Arial”，并在画布上写入无填充的文本：
JavaScript的：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px 宋体";
ctx.strokeText（“Hello World”，10，50）；
亲自尝试 »
添加颜色和居中文本
例子
将字体设置为 30px “Comic Sans MS”，并在画布中央写入填充的红色文字：
JavaScript的：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font = "30px Comic Sans MS";
ctx.fillStyle =“红色”；
ctx.textAlign =“中心”;
ctx.fillText（“Hello World”，canvas.width/2，canvas.height/2）；
亲自尝试 »
