接着上一篇（ http://www.cnblogs.com/zhouhuan/p/H5_tankgame2.html），这篇主要修复两个bug，第一，玩家按下方向键时，坦克的炮筒应该指向相应的方向，并向该方向移动，第二，坦克不能开出边界，上一节的代码坦克是可以开出边界的，这样显然是不行 ...

　 具体步骤如下： 　　1. 首先做出绘图区，作为坦克的战场 　　我们给一个黑色的背景色，并且让它居中（如果对居中的各种奇淫技巧感兴趣，欢迎访问我的第一篇博客——“CSS垂直居中的11种实现方式 ...

　　接着上一篇（ http://www.cnblogs.com/zhouhuan/p/H5_tankgame.html），这一篇研究一下怎么响应玩家的操作让坦克进行相应的移动。 　　 1. 了解keydown事件 ...

一、什么是Canvas Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas定义一个区域，可以由html属性定义该区域的宽高，JavaScript代码可以访问该区域，通过一整套完整的绘图功能（API），在网页上渲染动态效果图。 二、Canvas能做什么 游戏：毫无疑问 ...

what is canvas？(什么是canvas) 其实他只是H5里面的一个标签而已，那么他作为一个标签，肯定有他的用途，他就像是一幅画布，等待着你来作画。可以说，他只是一个容器而已，需要配合着JavaScript来进行绘制。 那么他能做些什么东西呢？ 例如这个：http ...

H5的canvas绘图技术 canvas元素是HTML5中新添加的一个元素，该元素是HTML5中的一个亮点。Canvas元素就像一块画布，通过该元素自带的API结合JavaScript代码可以绘制各种图形和图像以及动画效果。 1.1 浏览器不兼容问题 ...

h5 canvas 画图 h5画图 补充 html5绘制文字 html5 线条粗细 张条线冒 ...

canvas无疑是H5之中最受欢迎的新特性了，它可以让浏览毫无费力的画出各种图案，动画。 canvas的性能不会因为画布上的图案多少而改变，因此做动画用canvas性能也相当优秀。 canvas最基本的概念是1.路径 2.描边 3.填充 4.变换 5.图片操作 首先先获得canvas的操作 ...