多语言展示
当前在线:1453今日阅读:60今日分享:41

canvas实现太阳系效果

html5增加了一个很有意思的标签canvas,它与js的紧密合作,奇迹瞬间诞生!下面就来做个有趣的效果吧!喜欢的话就收藏起来吧!
工具/原料
1

sublime text3

2

自选一款浏览器

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

看见奇迹了吗,有没有觉得很神奇,更多canvas的小例子稍后奉上~

推荐信息