Context上下文物件的fillText(string, x, y)方法是用來繪製文本，它的三個參數分別為文本內容、起點的x座標、y座標。使用前，需先用font設定字體、大小、樣式（寫法類似與CSS的font屬性）。與此類似的還有strokeText方法，用來加入空心字。另外注意一點：fillText方法不支援文字斷行，即所有文字出現在一行內。所以，如果要產生多行文本，只有呼叫多次fillText方法。
程式碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>huatu</title>
<body>
<canvas id="demoCanvas" width="500" height="600"></canvas>
<script type="text/javascript">
//通过id获得当前的Canvas对象
var canvasDom = document.getElementById("demoCanvas");
//通过Canvas Dom对象获取Context的对象
var context = canvasDom.getContext("2d");
context.moveTo(200,200);
// 设置字体
context.font = "Bold 50px Arial";
// 设置对齐方式
context.textAlign = "left";
// 设置填充颜色
context.fillStyle = "#005600";
// 设置字体内容，以及在画布上的位置
context.fillText("PHP中文网!", 10, 50);
// 绘制空心字
context.strokeText("www.php.cn!", 10, 100);
</script>
</body>
</html>