canvas阴影-9

js部分

         // 得到绘制源
        var c = document.getElementById('canvas');
        // 创建画布，建立二维视角
        var ctx = c.getContext('2d');
        //  建立阴影，需要两个属性 ：shadowColor和shadowBlur
        ctx.shadowColor = 'cyan';
        ctx.shadowBlur = 20;
        ctx.fillStyle ='red';
        // X偏移
        ctx.shadowOffsetX = -2;
        // y轴偏移
        ctx.shadowOffsetY = 5;
        ctx.fillRect(5,5,200,60);