vue实现在图片中画矩形框,并得到对角坐标，并拿到对应坐标制作图片热区并设置map中area的样式

实现效果如下：

实现思路：

1. 使用鼠标的按下事件onmousedown ，创建div，
2. 使用鼠标的移动事件onmousemove，更新div的宽度以及坐标
3. 使用鼠标的抬起事件onmouseup，可以限定画的矩形的大小，
4. 由于html的map的area 是无法设置样式的，hover也对其无效，如果想要设置悬浮效果改变样式，可以通过给area设置鼠标的mouseover事件去操作dom