繪制路徑
圖形的基本元素是路徑。路徑是通過不同顏色和寬度的線段或曲線相連形成的不同形狀的點(diǎn)的集合。一個(gè)路徑，甚至一個(gè)子路徑，都是閉合的。使用路徑繪制圖形需要一些額外的步驟。
- 首先，你需要?jiǎng)?chuàng)建路徑的起始點(diǎn)
- 然后你要使用畫圖命令去畫出路徑
- 之后你需要把路徑閉合
- 一旦路徑生成，你就能通過描邊或填充路徑區(qū)域來渲染圖形。
以下是要用到的函數(shù)：
beginPath()新建一條路徑，生成之后，圖形繪制命令被指向到路徑上生成路徑
closePath()閉合路徑之后圖形繪制命令又重新指向到上下文中
stroke()通過線條繪制圖形輪廓
fill()通過填充路徑內(nèi)容區(qū)域生成實(shí)心圖形
生成路徑的第一步叫做beginPath()。本質(zhì)上，路徑是由很多子路徑構(gòu)成，這些子路徑都是在一個(gè)列表中，所有的子路徑（線、弧形、等等）構(gòu)成圖形。而每次這個(gè)方法調(diào)用之后，列表清空重置，然后我們就可以重新繪制新的圖形。
第二步就是調(diào)用函數(shù)指定繪制路徑，本文稍后我們就能看到了。
第三，就是閉合路徑closePath(),不是必需的。這個(gè)方法會(huì)通過繪制一條從當(dāng)前點(diǎn)到開始點(diǎn)的直線來閉合圖形。如果圖形是已經(jīng)閉合了的，即當(dāng)前點(diǎn)為開始點(diǎn)，該函數(shù)什么也不做。
