用H5设计拼图小游戏,主要在于实现功能,弱化了页面渲染。使用H5 canvas、css和Javascr ipt技术实现滑动拼图游戏。游戏划分为简单级别和复杂级别。主要指的是图片划分的行列数不一样,这里的等级可以自己设定。页面载入完成,即可选择游戏等级和图片,进行拼图。页面加载完成,需要初始化绘图环境和画布尺寸及参考图片。点击工具条上的缩略图,可以改变右侧参考图片。点击游戏等级,切割图片完成,并且预留一张空白图片,拼图过程中,必须点击空白图片的相邻图片才可以移动图片块。当拼图区域的图片和原来图片方