Canvas-文本

 

    使用canvas绘制文本，重要的属性和方法如下：

 

    font-定义字体

 

    fillText(text,x,y)-在canvas上绘制实心的文本

 

    strokeText(text,x,y)-在canvas上绘制空心的文本

 

    使用fillText():

 

    实例

 

    使用"Arial"字体在画布上绘制一个高30px的文字（实心）：

 

    JavaScript:

 

    varc=document.getElementById("myCanvas");

 

    varctx=c.getContext("2d");

 

    ctx.font="30pxArial";

 

    ctx.fillText("HelloWorld",10,50);

 

    使用strokeText():

 

    实例

 

    使用"Arial"字体在画布上绘制一个高30px的文字（空心）：

 

    JavaScript:

 

    varc=document.getElementById("myCanvas");

 

    varctx=c.getContext("2d");

 

    ctx.font="30pxArial";

 

    ctx.strokeText("HelloWorld",10,50);