canvas实现弹跳效果

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

工具/原料

  • sublime text3
  • 自选一条目浏览器

方式/步骤

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  • 发表于 2019-02-14 21:36
  • 阅读 ( 120 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论