js拼接出来的图片,之后我要缩小,该如何?

JavaScript018

js拼接出来的图片,之后我要缩小,该如何?,第1张

你的datetime是触发运行的,你的缩小是加载完成自动进行的 ,所有缩小只在页面加载完成首次运行一次,这次如果没有图片,则没有效果,有就缩小,后面加载的图片不会受到任何影响

你要是想加载完了一个图片,自动调整到固定大小,直接把缩小copy到datetime里,这样就是先拼接加载图片,然后调整大小,一般只有首次加载页面时运行的东西才放在document.reday里

很简单的嘛,分步走:

第一步 切图 这个用background就能实现,就是把一张图,在不同的格,利用背景的位置就行了,

并记录图片的顺序,比如 01,02,03.。。16,也就是把你切好的图作一个标记

第二步:分格,把指定的区域也就是拼图区。分成17分,16格是放图片,有一格是空白。。

第三步:随机把切好的图 显示到相应的位置上

第四步:当点击非空白的格子的时候,判断上下左右是否有空格,如果有,两者替换位置。判断当前的顺序是否跟记录的顺序一样了。如果一相,图拼好了。如果不一样,重复