demo介绍：左侧：没有数据，中间：图片区域，右侧：图片上的框数据信息
实现功能： 1.在图片上可以使用鼠标画框。
2.鼠标点击框，选中右侧该框的数据，并滚动在可视区域内，同理点击右侧数据，中间对应框变色。
3.鼠标放到框上，出现删除，改变大小的图标，离开消失。
4.点击框上删除图标，该框删除，右侧该框的数据也删除
5.鼠标放在改变大小图标上，鼠标按住拖动，改变框的大小，右侧框数据也随之变。
6.点击框，按下方向键，框可以移动，右侧数据也随之变。
实现难点： 1. 获取鼠标在图片上点击位置，拖动开始画框，鼠标松开停止画框。
2.拖动改变大小图标，对应框要改变。
3.相对于图片来说框的坐标，宽高的计算。
bug小结： 1. 鼠标事件的绑定和解绑
2.监测图片加载完成，获取图片真实宽和高。
3. 父容器和子元素的事件冲突。
项目链接：项目链接