HTML5新增的canvas标签与JavaScript配合默契,能创造出令人惊叹的视觉效果。接下来将展示一个趣味十足的实例,欢迎体验并保存收藏。
启动Sublime Text 3,依次点击文件菜单中的新建文件选项。

按下Ctrl+S键保存更改,填写文件名并命名为“烟花特效”,无需特殊设置;完成保存后,网页将自动开启。

在页面输入英文感叹号后按Tab键,即可生成一个简易的DOM结构。

将下图中的代码输入到页面即可完成操作。

通过右键菜单点击“打开”选项或依次点击工具栏的“工具”→“Sublime Server”→“启动 Sublime Server”,开启服务器服务后,再次右键并选择“在 Sublime Server 中查看”,即可在浏览器中实时预览文件内容。整个过程操作简便快捷,非常适合快速调试与浏览。

见证奇迹了吗?是否感到神奇?更多精彩canvas示例即将呈现。
相关文章
- 最新更新
- 小编推荐
- 热门推荐



























