關(guān)于繪制線條
,我們還能提供很多有創(chuàng)意的方法。不過(guò),現(xiàn)在應(yīng)該進(jìn)一步學(xué)習(xí)稍復(fù)雜點(diǎn)的圖 形:路徑。HTML5 Canvas API中的路徑代表你希望呈現(xiàn)的任何形狀。本章對(duì)角線示例就是一條 路徑,你可能已經(jīng)注意到了,代碼中調(diào)用beginPath就說(shuō)明是要開(kāi)始繪制路徑了。實(shí)際上,路徑 可以要多復(fù)雜有多復(fù)雜:多條線、曲線段,甚至是"F路徑。如果想在canvas上繪制任意形狀
按照慣例,不論開(kāi)始繪制何種圖形
路徑會(huì)跟蹤當(dāng)前坐標(biāo),默認(rèn)值是原點(diǎn)
調(diào)用了 beginPath之后
mveTo(xf y):不繪制
lineTo(x, y):不僅將當(dāng)前位置移動(dòng)到新的目標(biāo)坐標(biāo)(x,y)
簡(jiǎn)而言之,上面兩個(gè)函數(shù)的區(qū)別在于:moveTo就像是提起畫筆
下一個(gè)特殊的路徑函數(shù)叫做closePath
此時(shí),可以在已有的路徑中繼續(xù)創(chuàng)建其他的子路徑
跟了解所有復(fù)雜系統(tǒng)一樣,最好的方式還是實(shí)踐?div id="jpandex" class="focus-wrap mb20 cf">,F(xiàn)在