- 基本功能
- 九宫格内的图片，拖拽某一张和其它的图片位置发生交叉的时候会互换位置
- 如果拖拽图片和多张图片相互碰撞，计算最大接触面积
- 放手后，图片交换位置，有简单的动画效果
- 图片不能被拉出范围之外，当鼠标位于矩形范围外的时候，会释放掉对图片的拉取
- 图片碰撞的时候会为碰撞的图片加边框，以及更改拖拽物体的层级，使其位于最上层
- 拓展功能
- 拖拽外部图片到某位置放下，会实现图片上传的功能
- 读取上传的图片展示到当前位置
- 图片自动放置到最后面
- 盒子宽度和高度自适应
- 点击按钮上传图片，同样将图片放置到当前容器的最后面
- 同样实现点击排序随机排序，偶数好排，两两排序，奇数一个不动，其余的两两互换位置
1.基础逻辑更改为面向对象的逻辑
2.增加了拖放的功能，可以将外部的文件拖到网页中，并使其也具有和其它图片交换位置的功能
- 如果说，所有的照片大小都是一样的，那么就没什么意思了
- 所以做成瀑布流的样子，并且为用户提供几种样式可做选择