用html5和javascript设计实现键盘 *** 纵角色在地图上行走

首先你要看 你的具体需求，如果你希望在百度地图上行走可以这样做。百度搜：百度地图api，然后里面有一个自定义图标，里面有个小狐狸的案例，按照那个先写好代码，然后百度api里面有控制地图的中心点坐标的内容。键盘也有监听事件，在监听键盘事件的回调函数里修改角色在地图中的位置。

如果是2d 你有一个地图的图片，还有一个角色的图片。地图不动的情况下，先给地图设置position：relative，然后给小人设置position：absolute（小人在地图的dom内），然后监听键盘的四个方向改变小人的top和left就好了。

最近我在 深圳远标教课，讲了一个贪吃蛇，就是控制蛇在地图上移动的。最近有个贪吃蛇的游戏也很火。你可以找我ID来学习。

不需要分割，你画到canvas上时只要指定图像的坐标和高宽就行了：

context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh):选取图像的一部分矩形区域进行绘制

image:Image对象var img=new Image()img.src="url(...)"

sx：图像上的x坐标

sy：图像上的y坐标

sw：矩形区域的宽度

sh：矩形区域的高度

dx：画在canvas的x坐标

dy：画在canvas的y坐标

dw：画出来的宽度

dh：画出来的高度

---