html5 canvas的文字特效怎麽寫

Canvas - 文本

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

font - 定義字體

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

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

使用 fillText():

實例

使用 "Arial" 字體在畫布上繪制壹個高 30px 的文字（實心）：

JavaScript:

var?c=document.getElementById("myCanvas");

var?ctx=c.getContext("2d");

ctx.font="30px?Arial";

ctx.fillText("Hello?World",10,50);

使用 strokeText():

實例

使用 "Arial" 字體在畫布上繪制壹個高 30px 的文字（空心）：

var?c=document.getElementById("myCanvas");

var?ctx=c.getContext("2d");

ctx.font="30px?Arial";

ctx.strokeText("Hello?World",10,50);

參考來源：HTML5 Canvas_w3cschool ?/html5/q2ybmfle.html