html5使用canvas繪製文字特效_html5教學技巧

 

複製程式碼

程式碼如下:

var canvas=document.getElementById("canvas");
var canvas=document.getElementById("canvas");
var cxContextV. ("2d");
cxt.font="40px 黑體";
//繪製實心字
cxt.fillStyle="red";//填充紅色
cxt.fillText("hello ,思思博士",10,50);
//繪製空心字
cxt.strokeStyle="red";//紅色邊
cxt.strokeText("hello,思思博士",10,100 );