阴影的设置很简单,如下几个设置就可以设置阴影
ctx.shadowColor = "Grey"; // 设置阴影的颜色
ctx.shadowBlur = 20; // blur level-->设置模糊度
ctx.shadowOffsetX = 15; // horizontal offset
ctx.shadowOffsetY = 15;
因此,我们很需要把上述几个设置封装成一个函数 ,需要阴影效果只需调用函数即可。
function setShadow() {
ctx.shadowColor = "Grey"; // color
ctx.shadowBlur = 20; // blur level
ctx.shadowOffsetX = 15; // horizontal offset
ctx.shadowOffsetY = 15; // vertical offset
}