HTML5绘图canvas教程——绘制带阴影图像

使用canvas来绘制阴影。canvas中的2d上下文对象有几个属性是用来绘制阴影的，如shadowOffsetX,shadowOffsetY,shadowColor,shadowBlur等4个属性，当我们设置了这几个属性后再去绘制矩形或者其他图像的时候，就会出现阴影。效果如图

2、context.shadowOffsetX=5;context.shadowOffsetY=5;表示阴影的偏移，shadowOffsetX表示X轴方向的偏移，shadowOffsetY表示Y轴方向的偏移

5、再如下是绘制时钟的代码：context.beginPath(); context.ar罕铞泱殳c(300,泌驾台佐300,99,0,2*Math.PI,false); context.moveTo(392,300); context.arc(300,300,94,0,2*Math.PI,false); context.moveTo(300,300); context.lineTo(300,215); context.moveTo(300,300); context.lineTo(235,300) context.stroke();