本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章,第1.3节,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1.3 开发与运行环境的准备
HTML5有很多新的特性,各个浏览器对这些特性的支持度也都不一样。因为本书介绍的是基于Canvas的开发,所以在这里只介绍对Canvas的支持情况。
1.3.1 浏览器的支持
各种主流浏览器对Canvas的支持情况如表1-1所示。
可以看到,支持Canvas的浏览器还是比较多的。但是在IE浏览器中,目前只有IE9以及更高版本才可以使用HTML5的Canvas标签。如果使用IE8或更低版本的IE浏览器,需要引入Google发布的开源类库ExplorerCanvas才可以,代码如下所示:
<!-- [if IE]><script src="excanvas.js"></script><![endif]-->
ExplorerCanvas的下载地址为:`
javascript
http://code.google.com/p/explorercanvas/downloads/list
。`
另外需要说明的是,低版本IE浏览器虽然引入开源类库ExplorerCanvas可以使用Canvas,但是在功能上会有很多限制,如无法使用fillText方法等。
1.3.2 准备一个本地的服务器
虽然HTML5与JavaScript的开发都不需要用到专门的服务器,但是由于开发习惯的问题,笔者建议还是使用一个本地的服务器。
对于Mac来说,苹果系统本身自带本地服务器;对于Windows来说,则推荐使用XAMPP(Apache+MySQL+PHP+PERL),它是一个功能强大的服务器系统开发套件,可以在Windows、Linux、Solaris等操作系统下安装使用,支持多语言(如英文、简体中文、繁体中文、韩文、俄文、日文等)。
XAMPP的官方网址为:http://www.apachefriends.org/
。
下载安装后,打开xampp文件夹并启动xampp-control.exe文件,然后单击Apache右侧的Start按钮启动Apache,Apache启动后状态变为“Running”,如图1-1所示。
然后,将用户开发的文件或工程放到XAMPP安装文件夹下的htdocs文件夹下,这样就可以通过http://localhost/
文件名或http://127.0.0.1/
文件名来访问它了。