JS实现校内网"图片圈人"功能效果

在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中，skyaspnet问我可否用这两个类实现校内网的“图片圈人”。当时我并不知道什么是“图片圈人”，就去校内网查看了一番，试用了这个功能，发现我可以实现这个功能。所以就实现了这个效果，并与大家分享讨论。

效果演示

到这里查看该程序的演示

实现原理

使用DragResize类，获取选区的左上角位置和高宽，将它存到数据库，鼠标移动到标签上时，使用已经获取到的数据在图片上显示一个框。

这里我记录下选区位置是的是相对于容器内部左上角的。

这个程序只是一个效果，没有将数据存储到数据库。

1 2 3  下一页