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);}