void fillText(text, left,top, [maxWidth]);
其四个参数的含义分为是:需绘制的字符串,绘制到画布中时左上角在画布中的横坐标及纵坐标,绘制的字符串的最大长度。其中最大长度maxWidth是可选参数。
另外,可以通过改变Context对象的font属性来调整字符串的字体以及大小,默认为”10px sans-serif”。
如下的示例在画布中(字符串的左上角处于画布中央)显示了字符串“Hello Canvas!”
01.<canvas id="canvas" width="600"height="400">
02. <p>Your browserdoes not support the canvas element!</p>
03.</canvas>
04.
05.<script type="text/javascript">
06.window.onload = function() {
07. var canvas =document.getElementById("canvas");
08. var context2D =canvas.getContext("2d");
09.
10. context2D.font ="35px Times New Roman";
11. context2D.fillText("HelloCanvas!", canvas.width / 2, canvas.height / 2);
12.}
13.</script>