实例讲解使用HTML5 Canvas绘制阴影效果的方法

创建阴影效果需要操作以下4个属性: 1.context.shadowColor:阴影颜色。2.context.shadowOffsetX:阴影x轴位移。正值向右,负值向左。3.context.shadowOffsetY:阴影y轴位移。正值向下,负值向上。4.context.shadowBlur:阴影模糊滤镜。数据越大,扩散程度越大。这四个属性只要设置了第一个和剩下三个中的任意一个就有阴影效果。不过通常情况下,四个属性都要设置。 例如,创建一个向右下方位移各5px的红色阴影,模糊2px,可以这样写。 JavaScript Code复制内容到剪贴板 context.shadowColor