fillRect(x,y,width,height) 填充一個矩形區域，繪制已填色的矩形，默認填充顏色為黑色。x：矩形左上橫坐標，y：矩形左上縱坐標，width：矩形寬度，height：矩形高度。

stokeRect(x,y,width,height) 繪制矩形邊框，不填色，默認筆觸顏色是黑色。x：矩形左上橫坐標，y：矩形左上縱坐標，width：矩形寬度，height：矩形高度。

Rect(x,y,width,height) 描述矩形的繪制路徑，需要調用fill()或者stroke()才可以起作用。

canvas 增加透明度

只有部分圖形需要用到透明度，則利用fillStyle = rgba(255,255,255,0.5) 透明度範圍為0-1,0完全透明，1完全不透明

所有圖形都需要透明度時調用globalAlpha 屬性，透明度範圍為0-1,0完全透明，1完全不透明，默認1.

canvas 描繪2維的貝塞爾曲線

context.quadraticCurveTo(cpx,cpy,x,y)，(cpx,cpy)是控制點，（x,y）是路徑上新追加的坐標點。

canvas知識點積累