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);