Html 5 canvas 提供了通過 JavaScript 繪制圖形的方法,此方法使用簡單但功能強大。每一個 canvas 元素都有一個上下文( context )(想象成繪圖板上的一頁),在其中可以繪制任意圖形。浏覽器支持多個 canvas 上下文,並通過不同的 API 提供圖形繪制功能。下面我們來看一看效果先! 上圖深黑色的部分為鼠標所在區域,我們可以看到中間區域變黑。而外邊顏色變為綠色。
canvas