canvas是不能用style來設置width和height的，只能在canvas標籤上直接寫才行。
fill 填充顏色（實心）；
stroke 填充線的顏色（空心）；
fillStyle 實心的顏色；
stroke 空心，線的顏色；
rect 畫矩形，fillRect畫實心矩形，context.fillRect(x,y,width,height) context.strokeRect(x,y,width,height) 用來畫邊框；
arc 畫圓形（也可以畫扇型），（x座標，y座標，半徑，起始角度（如果圓形，一般爲0），結束角度（Math.PI × 2圓周率），順時針/逆時針）；
ctx.fillText("Hello!", 10, 50);繪製實心字體；
ctx.strokeText("Hello!", 10, 50);繪製空心字體；
每畫完一條路徑必須關閉：closePath；
每開始畫一條路徑或形狀，必須開啓：beginPath；
做動畫時，經常使用ctx.clearRect(0,0,300,300);用來清除canvas的狀態使之變透明，可以利用這點把多個canvas疊加，實現顯示後面的canvas內容的功能；
未完待續。。
代碼規範模塊化
function rect(x,y,w,h) {
ctx.beginPath();
ctx.rect(x,y,w,h);
ctx.closePath();
ctx.fill();
}//每個function只做一類事情
