javascript(html5 canvas)做的拼图游戏，简单易懂

趁着摸鱼的时间，写了个拼图小游戏，操作简单、提神醒脑

效果图（最后的完成了好像被遮住了，哈哈）

实现思路

1. 用到canvas的drawImage方法，使用8个参数的方式来将大图片切成一张张的小图，同时将每个小图片存储到对应的数组中。
2. 在切图的同时用两个数组keys和orig_keys存取小图的下标，9张小图的话（keys就输数字0-8的数组）。
3. 点击开始按钮的时候keys随机排序，然后从小图片数组中去获取对应的图片对象，更新其显示位置，这样就可以打乱图片了。
4. 选择一个小图片（再次点击此图片会取消当前选择状态），再选择另一个图片将会互相交换位置。
5. 每次交换位置后会对数组keys和orig_keys进行比较，如果两个数组结构一样，则表示拼图完成。

drawImage使用