canvas text

阴影 shadows

shadowOffsetX = float  用于设定阴影在X和Y轴的延伸距离，负值表示阴影会向上或左延伸，正值则表示会向下或右延伸，默认值为0

shadowOffsetY = float 同上

shadowBlur = float 用于设定阴影的模糊成都，其数值并不跟像素数量挂钩，也不受矩阵影响，默认值为0

shadowColor = color 标准值是CSS颜色值，用于设定阴影的颜色效果，默认是透明的黑色

ctx.shadowOffsetX = 5;
ctx.shadowOffsetY =-7 ;
ctx.shadowBlur =2;
ctx.shadowColor = "rgba(187,255,255,0.8)";

ctx.font = "60px Times New Roman";
ctx.fillStyle = "#00FFCC";
ctx.fillText("yana77",5,50);

填充

ctx.beginPath();
ctx.moveTo(200,10);
ctx.lineTo(200,200);
ctx.lineTo(300,200);

ctx.moveTo(210,50);
ctx.lineTo(210,180);
ctx.lineTo(270,180);
ctx.fill("evenodd");

绘制文本

fillText(text,x,y[,maxWidth])

strokeText(text,x,y[,maxWidth])

ctx.fillStyle="#FF4500";
ctx.strokeStyle="#FF4500";
ctx.shadowBlur=5;
ctx.shadowColor="#FFC125"
ctx.textBaseline="hanging";
ctx.font="italic bold 40px/20px sans-serif";
ctx.fillText("Today is fine day.",300,100);
ctx.strokeText("Today is fine day.",310,150);