应该这样：

function drawRect(cxt,x,y,width,height,borderWidth,borderColor,fillColor){

cxt.beginPath();

cxt.moveTo(x,y);

cxt.lineTo(x+width,y);

cxt.lineTo(x+width,y+height);

cxt.lineTo(x,y+height);

cxt.closePath();

cxt.lineWidth = borderWidth;

cxt.fillStyle = fillColor;

cxt.strokeStyle = borderColor;

cxt.fill();

cxt.stroke();

}

调用：drawRect(context,100,100,400,400,10,"#046","pink");

 fillRect( )是给矩形内填充颜色，strokeRect( )是绘制矩形边框。

context.strokeRect(x,y,width,height);

听了老师这么多课程，受益匪浅，希望老师上传更多的课程，职业生涯中你是我的启蒙老师，带我飞

黑色！

等这门课程全部上线的时候，我会打包供大家下载：）

同时，慕课网的小伙伴还在思考能否将源码加入到课程中让大家在线练习，敬请期待哦～