canvas之阴影效果学习

<canvas id="draw" width="1000" height="500"></canvas>

    function draw(){
        var canvas=document.getElementById("draw");
        if(!canvas||!canvas.getContext) return;
        var oContext=canvas.getContext("2d");
        oContext.shadowColor="#f00";  //阴影颜色
        oContext.shadowBlur=30;    //阴影模糊程度
        oContext.shadowOffsetX=20;  //X轴偏移量
        oContext.shadowOffsetY=30;//Y轴偏移量

        var image=new Image();
        image.src="20150720txy.jpg";  //图片路径
        image.οnlοad=function(){
            oContext.drawImage(image,0,0);
        }
    }

   draw();