繪制路徑
圖形的基本元素是路徑拣播。路徑是通過不同顏色和寬度的線段或曲線相連形成的不同形狀的點(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ù)什么也不做。