html畫一個(gè)矩形 如何使用html5中的canvas標(biāo)簽,畫一個(gè)圓及一個(gè)矩形?
如何使用html5中的canvas標(biāo)簽,畫一個(gè)圓及一個(gè)矩形?首先,畫布需要響應(yīng)鼠標(biāo)事件(onmousedown等)所有圖形必須創(chuàng)建相應(yīng)的對(duì)象來(lái)記錄它們的位置和大小,以及zorder(層疊位置,當(dāng)兩個(gè)對(duì)
如何使用html5中的canvas標(biāo)簽,畫一個(gè)圓及一個(gè)矩形?
首先,畫布需要響應(yīng)鼠標(biāo)事件(onmousedown等)
所有圖形必須創(chuàng)建相應(yīng)的對(duì)象來(lái)記錄它們的位置和大小,以及zorder(層疊位置,當(dāng)兩個(gè)對(duì)象重疊時(shí)確定誰(shuí)在頂部),并將相應(yīng)的對(duì)象放入數(shù)組中,按zorder排序
當(dāng)畫布的鼠標(biāo)點(diǎn)擊事件被觸發(fā)時(shí),按zorder順序檢測(cè)鼠標(biāo)坐標(biāo)不在對(duì)象所在區(qū)域。如果是,請(qǐng)調(diào)用相應(yīng)的函數(shù)