如何使用html5中的canvas標(biāo)簽，畫一個(gè)圓及一個(gè)矩形？首先，畫布需要響應(yīng)鼠標(biāo)事件（onmousedown等）所有圖形必須創(chuàng)建相應(yīng)的對象來記錄它們的位置和大小，以及zorder（層疊位置，當(dāng)兩個(gè)對

如何使用html5中的canvas標(biāo)簽，畫一個(gè)圓及一個(gè)矩形？

首先，畫布需要響應(yīng)鼠標(biāo)事件（onmousedown等）

所有圖形必須創(chuàng)建相應(yīng)的對象來記錄它們的位置和大小，以及zorder（層疊位置，當(dāng)兩個(gè)對象重疊時(shí)確定誰在頂部），并將相應(yīng)的對象放入數(shù)組中，按zorder排序

當(dāng)畫布的鼠標(biāo)點(diǎn)擊事件被觸發(fā)時(shí)，按zorder順序檢測鼠標(biāo)坐標(biāo)不在對象所在區(qū)域。如果是，則調(diào)用相應(yīng)的函數(shù)