shadow

shadowColor = color
阴影颜色
shadow**Blur = number
影音扩散大小 ,不需要加‘px’
shadowOffsetX = number
阴影x轴偏移量,不需要加‘px’
shadowOffsetY = number
阴影x轴偏移量,不需要加‘px’
代码如下**

    <canvas id="canvas" width="500" height="500" style="width: 500px; height: 500px; border: 1ex solid black;"></canvas>
    <script>
        var canvas = document.getElementById('canvas');
        var ctx = canvas.getContext('2d');
        ctx.beginPath();
        ctx.shadowColor = 'red'; // 阴影颜色
        ctx.shadowBlur = 10;    // 阴影的扩散大小
        ctx.shadowOffsetX = 15 ; //阴影x轴偏移量
        ctx.shadowOffsetY = 15 ; // 阴影y轴偏移量
        ctx.strokeRect (100,100,200,200);
    </script>

效果图