canvas画个简易楼梯

html5增加了一个很有意思的标签canvas，它与js的紧密合作，奇迹瞬间诞生！下面就来做个有趣的吧！喜欢的话就收藏起来吧！

工具/环境

方法/步骤

1

打开sublime text3编辑器，文件->新建文件

2

ctrl+s”保存，需要输入文件名字，这里我就叫“楼梯”，童鞋们自己随意，不强求，然后保存，一个页面就建好了。


3

然后在页面输入英文“!”之后按“Tab”，生成一个简单的dom结构

4

之后将如下图所示的代码码到页面上就可以了

5

右键选择“在浏览器中打开”或者工具->sublimeserver->start sublimeserver，打开sublimeserver服务，右键选择 “view in sublimeserver”具体如下图所示：

6

看见奇迹了吗，一个类似楼梯的简笔画就完成了，有没有觉得很神奇，更多canvas的小例子稍后奉上~

教程结束。