可以将阴影自动添加到在HTML5画布上绘制的形状上。

阴影是通过以下四个2D Context属性控制的：

• shadowOffsetX
• shadowOffsetY
• shadowBlur
• shadowColor

" shadowOffsetX"和" shadowOffsetY"设置阴影要绘制到绘制形状的距离。正值表示阴影绘制在形状的(x)的右侧和(y)的下方。负值表示阴影绘制在形状的(x)左侧和(y)上方。

shadowBlur设置应模糊多少阴影。该数字越高，形状变得越模糊。数值越低，阴影变得越锐利。值为0表示阴影完全不模糊。

" shadowColor"只是设置阴影的颜色。