HTML5新增的canvas标签与JavaScript完美结合,创造出令人惊叹的视觉效果。接下来就动手实现一个趣味十足的动态效果,感兴趣的话别忘了保存收藏!
1、 启动Sublime Text3,依次点击文件菜单中的新建文件选项。
2、 按下ctrl+s进行保存,输入文件名,例如物体沿圆周运动,名称可自行设定,无强制要求,保存后页面即创建完成。
3、 在页面输入英文感叹号后按Tab键,即可生成一个基础的DOM结构。
4、 将下图中的代码输入到页面即可完成操作。
5、 通过右键菜单选择在浏览器中打开,或依次点击工具栏的工具→SublimeServer→启动SublimeServer,开启服务后,再右键点击文件,选择在SublimeServer中查看,操作方式所示。整个过程简单直观,便于快速预览网页内容,适合本地开发调试使用。
6、 是否感受到奇妙之处?还有更多canvas趣味示例即将呈现,敬请期待。

