如何使用EaselJs在canvas上進行繪圖？?

Canvas是Html的新特性，而EaselJs為Canvas繪圖提供了比較簡潔的方法。如果會使用EaselJs進行繪圖，效率會大大提高，那麼我們應該如何做呢？

工具/原料

EaselJs

支援Html5的瀏覽器

方法/步驟

首先我們應該在網頁佈局裡增加一個canvas元素 id這裡就設定為canvas

開啟瀏覽器檢視，可以看到這個canvas的區域。

引入easeljs的指令碼程式碼，並在自己的script區域內獲取一個stage變數。這是一個舞臺元素，是整個繪畫的基礎。

編寫圖形，圖中程式碼建立了一個座標為（100,100） 藍色的，半徑為30的圓形。並新增到stage當中並重新整理stage。

在合適的區域呼叫此程式碼，這裡把它放在網頁載入當中，使得網頁一開啟就被呼叫。

再次開啟網頁，可以看到我們繪畫的圓形已經出現在螢幕上了。