当前位置 : 首页> 网页制作

html5使用canvas绘制文字特效

<canvas id=canvas width=500 height=400 style=background-color: yellow;></canvas>

代码如下:

var canvas=document.getelementbyid(canvas);

var cxt=canvas.getcontext(2d);

cxt.font=40px 黑体;

//绘制实心字

cxt.fillstyle=red;//填充红色

cxt.filltext(hello,思思博士,10,50);

//绘制空心字

cxt.strokestyle=red;//红色边

cxt.stroketext(hello,思思博士,10,100);

更多网页制作信息请查看： 网页制作