学习笔记——文字显示控制

can=document.getElementById("canvas");

ctx=can.getContext('2d');

//直接显示文字，没有任何特效

ctx.fillStyle="white";//字体填充颜色

ctx.font="20px Verdana";//定义字体大小及样式

ctx.textAlign="center";//left,center,right    默认为left  设置文本是左对齐、居中还是右对齐

ctx.fillText("SCORE: "+this.score,w*0.5,h-20);//参数说明：显示的文字，在画布上的横坐标，纵坐标

//需要文字有透明度上的变化

var alpha=0;

this.alpha+=deltaTime*0.0005;//deltaTime是两帧之间的时间间隔

if(this.alpha>1)
        this.alpha=1;

ctx.fillStyle=“rgba(255,255,255”+this.alpha+")";

//使文字具有阴影效果

ctx.shadowBlur=10;  //设置阴影

ctx.shadowColor="white";//阴影的颜色