canvas之碎碎念

1.區別fillRect與rect：

fillRect():默認填充成黑色矩形,不能用於區域點擊

rect():只是畫矩形，但未填充，後面添加填充fill()或描邊stroke()，經過結合addHitRegion({'id': 'idname'})在畫布實現區域點擊

PS：谷歌安全性啓用或中止方法：地址欄輸入chrome://flags/

2.畫矩形

ctx.fillRect(x,y,width,height)：繪製一個有填充顏色的矩形

ctx.strokeRect(x,y,width,height):繪製矩形的邊框(能夠理解爲只有邊框的矩形)

ctx.clearRect(x,y,width,height):清除指定矩形區域，讓清除部分徹底透明

ctx.rect(x,y,width,height) ：快速繪製矩形。若是要填充和描邊，先使用rect繪製出來，而後再開始填充和描邊。