vue實現在圖片中畫矩形框,並得到對角座標，並拿到對應座標製作圖片熱區並設置map中area的樣式

實現效果如下： 實現思路： 使用鼠標的按下事件onmousedown ，創建div， 使用鼠標的移動事件onmousemove，更新div的寬度以及座標 使用鼠標的擡起事件onmouseup，可以限定畫的矩形的大小， 由於html的map的area 是無法設置樣式的，hover也對其無效，如果想要設置懸浮效果改變樣式，可以通過給area設置鼠標的mouseover事件去操作dom

>>阅读原文<<