HTML中的Canvas里的fillstyle

在canvas中使用fillStyle填充颜色，fillStyle属性无效，代码如下：

            ctx.beginPath();
            // 设置背景颜色
            ctx.fillStyle="yellow";
            // 画一个圆
            ctx.arc(50,50,49,0,Math.PI*2);
            ctx.stroke();
            ctx.closePath();

该代码执行后，背景颜色还是默认的，边框也是默认的，如图所示：

 这个时候给圆添加一个边框样式，代码如下：

            ctx.beginPath();
            // 设置背景颜色
            ctx.fillStyle="yellow";
            // 设置边框颜色
            ctx.strokeStyle = "red";
            // 画一个圆
            ctx.arc(50,50,49,0,Math.PI*2);
            ctx.stroke();
            ctx.closePath();

此刻的效果如图所示：