在canvas中绘制一个有光影的小球时遇到的问题

思路:使用context.clip先把一个圆形区域选中,之后在用context.shadowOffsetY/X设置阴影的横纵长度,长度设置为负值,由于先clip所以左上超出圆形的阴影不显示出来,只显示右下在圆形范围内的阴影。从而达到一个立体小球的效果
但是实际使用不行,求各位前辈指出我思路的错误,最好能够告诉一下正确的方法显示一个立体的小球,谢谢

http://zhidao.baidu.com/link?url=-fcYDFj90BgroPbGtaS8Ih4bp7x2AdNCpVda9mzGP56tbfuhFRUBLLyfPZv5uVRTWWEY-KCb_yIf7yhJaqrcdOPUDofHQMNIQZKnwZwaunO