闲来无事,做了个拼图游戏娱乐一下自己。拼图关键就是怎么分割一张完整的图片,这个点知道了,那就很容易实现了。 我们知道可以利用 background-position 属性改变图像在背景中的位置,所以对不同的方块依次设置不同的background-position属性就可以模拟出分割图片的效果。 好了,来玩一下这个游戏吧。(源码下载)
可选图片:
图片地址:
拼图行数:
拼图列数:
图片长度:
图片宽度:
开始拼图