canvas内的字体实现阴影效果

api介绍

可以通过几种全局context属性来控制阴影。 

shadowColor任何CSS中的颜色值。可以使用透明度（alpha） 

ShadowOffsetX像素值。值为正数，向右移动阴影；值为负数，向左移动阴影 

shadowOffsetY像素值。值为正数，向下移动阴影；值为负数，向上移动阴影 

shadowBlur高斯模糊值。值越大，阴影边缘越模糊

// 设置文字阴影的颜色为黑色，透明度为20% 

context.shadowColor = 'rgba(0, 0, 0, 0.2)';

 // 将阴影向右移动15px，向上移动10px    

context.shadowOffsetX = 2;

context.shadowOffsetY = 2;

 // 轻微模糊阴影   

 context.shadowBlur = 2;