本节教程通过一个简单的游戏小例子,讲解Canvas的基础知识. 最终效果: 点击移动的方块,方块上的分数会增加,方块的行进方向会改变,并且方块的速度会增加. 在线演示 源码 HTML5引入了canvas元素.canvas元素为我们提供了一块空白画布.我们可以使用此画布来绘制和绘制我们想要的任何东西.JavaScript为我们提供了动态制作动画并绘制到画布上所需的工具.它不仅提供绘图和动画系统,还可以处理用户交互.在本教程中,我们将使用纯JavaScript制作基本的HTML5 Canvas框架,…