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;