canvas可以繪制出很多奇妙的樣式和美麗的效果,通過幾個簡單的api就可以在畫布上呈現(xiàn)出千變?nèi)f化的效果,還可以制作網(wǎng)頁游戲,接下來就總結(jié)一下和繪圖有關(guān)的API。
繪畫的時候canvas相當(dāng)于畫布,而context相當(dāng)于畫筆。
1.繪制線條
moveTo(x0,y0):把當(dāng)前畫筆(ictx)移動到(x0,y0)這個位置。
lineTo(x1,y1):從當(dāng)前位置(x0,y0)處到(x1,y1)畫一條直線。
beginPath():開啟一條路徑或者重置當(dāng)前路徑。
closePath():從當(dāng)前點回到路徑起始點,也就是上一個beginPath的位置,回避和路徑。
stroke():繪制。必須加了這個函數(shù)才會畫圖,所以這個一定要放在最后。