HTML5 canvas是一個HTML5標(biāo)簽,他提供了很多繪制2D圖形的功能。在使用canvas時,可以使用JavaScript來操作它,而且非常直觀方便。下面我們來介紹一下如何使用HTML5 canvas來繪制2D圖形:
Canvas Tutorial
在上面的代碼中,我們使用了<canvas>
元素來創(chuàng)建一個canvas標(biāo)簽,并且給它一個id為"myCanvas"。
然后我們用JavaScript獲取了這個canvas元素以及它的2D繪圖上下文ctx
。
最后我們使用ctx.fillRect()
繪制了一個填充了紅色的矩形,并且使用ctx.beginPath()
和ctx.lineTo()
來繪制一條線段。