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