Canvas开发前的小准备（一）

1、HTML5页面结构分析

以上的代码显示效果如下&＃xff1a;

2、HTML5开发环境搭建

本系列的开发均使用WebStorm软件开发&＃xff0c;并在火狐浏览器调试&＃xff1b;软件去网上下载就可以了&＃xff01;建议使用火狐浏览器调试&＃xff0c;个人觉得好点&＃xff01;

3、HTML5工程创建

双击打开WebStorm&＃xff0c;点击Create New Project

左边选择HTML5 Boilerplate , 右边选择文件存放路径以及自定义文件名称&＃xff0c;最后点击Creat

在左边Project下HTML5右击&＃xff0c;选择箭头文件&＃xff0c;

命名文件名&＃xff0c;点击ok

这样就创建好了&＃xff0c;点击右边箭头就可以在浏览器中显示当前的代码网页了。

试着将最上面的代码复制进去&＃xff0c;浏览器看看&＃xff0c;就ok了。