HTML5中fillStyle和fillRect的先后顺序的理解

fill:填充的意思

stroke:笔的意思，可理解为为strokeRect是画框框的

fillStyle要写在fillRect之前，可以理解为，先选好颜色再画图（就像画画要先选好画笔颜色才能开始画图），否则，先进行图形绘制，此时的颜色已经定下来，再去设置它的颜色就没有意义了，这是我的理解。

function draw(id) {var canvas = document.getElementById(id);var context = canvas.getContext('2d');context.strokeStyle='green';context.strokeRect(0,0,800,300);context.fillStyle='black';context.font="lighter 40px '微软雅黑'";context.fillText('麦子学院',50,50);context.strokeText('麦子学院',50,100);}