canvas实现弹跳效果

html5增添了一个很有意思的标签canvas , 它跟js的合作 , 那就是古迹的降生!下面就来做个有趣的结果吧!

canvas实现弹跳效果

文章插图

需要这些哦
sublime text3
自选一条目浏览器
方式/
1打开sublime text3编纂器 , 文件->新建文件

canvas实现弹跳效果

文章插图

2【canvas实现弹跳效果】“ctrl+s”保留 , 需要输入文件名字 , 这里我就叫“弹跳结果” , 童鞋们本身随意 , 不强求 , 然后保留 , 一个页面就建好了 。

canvas实现弹跳效果

文章插图

3然后在页面输入英文“!”之后按“Tab” , 生当作一个简单的dom布局

canvas实现弹跳效果

文章插图

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

canvas实现弹跳效果

文章插图

canvas实现弹跳效果

文章插图

canvas实现弹跳效果

文章插图

5右键选择“在浏览器中打开”或者东西->sublimeserver->start sublimeserver , 打开sublimeserver办事 , 右键选择 “view in sublimeserver”具体如下图所示:

canvas实现弹跳效果

文章插图

canvas实现弹跳效果

文章插图

canvas实现弹跳效果

文章插图

6看见古迹了吗 , 有没有感觉很神奇 , 更多canvas的小例子稍后送上~

canvas实现弹跳效果

文章插图


以上内容就是canvas实现弹跳效果的内容啦 , 希望对你有所帮助哦!

    推荐阅读