天天看點

《HTML5 Canvas遊戲開發實戰》——

本節書摘來自華章計算機《html5 canvas遊戲開發實戰》一書中的第1章,第1.3節,作者:張路斌著, 更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。

html5有很多新的特性,各個浏覽器對這些特性的支援度也都不一樣。因為本書介紹的是基于canvas的開發,是以在這裡隻介紹對canvas的支援情況。

1.3.1 浏覽器的支援

各種主流浏覽器對canvas的支援情況如表1-1所示。

《HTML5 Canvas遊戲開發實戰》——

可以看到,支援canvas的浏覽器還是比較多的。但是在ie浏覽器中,目前隻有ie9以及更高版本才可以使用html5的canvas标簽。如果使用ie8或更低版本的ie浏覽器,需要引入google釋出的開源類庫explorercanvas才可以,代碼如下所示:

explorercanvas的下載下傳位址為:<code>`</code>javascript

<a href="http://code.google.com/p/explorercanvas/downloads/list">http://code.google.com/p/explorercanvas/downloads/list</a>

。<code>`</code>

另外需要說明的是,低版本ie浏覽器雖然引入開源類庫explorercanvas可以使用canvas,但是在功能上會有很多限制,如無法使用filltext方法等。

1.3.2 準備一個本地的伺服器

雖然html5與javascript的開發都不需要用到專門的伺服器,但是由于開發習慣的問題,筆者建議還是使用一個本地的伺服器。

對于mac來說,蘋果系統本身自帶本地伺服器;對于windows來說,則推薦使用xampp(apache+mysql+php+perl),它是一個功能強大的伺服器系統開發套件,可以在windows、linux、solaris等作業系統下安裝使用,支援多語言(如英文、簡體中文、繁體中文、韓文、俄文、日文等)。

xampp的官方網址為:<code>http://www.apachefriends.org/</code>。

下載下傳安裝後,打開xampp檔案夾并啟動xampp-control.exe檔案,然後單擊apache右側的start按鈕啟動apache,apache啟動後狀态變為“running”,如圖1-1所示。

《HTML5 Canvas遊戲開發實戰》——

然後,将使用者開發的檔案或工程放到xampp安裝檔案夾下的htdocs檔案夾下,這樣就可以通過<code>http://localhost/</code>檔案名或<code>http://127.0.0.1/</code>檔案名來通路它了。

繼續閱讀