圖片放大在區域內拖拽，正常比例是不能拖拽

最近遇到一個需求：
1.圖片可拖拽，但是在正常比例下，是拖拽不動的
2.當圖片放大後，圖片的大小大於盒子的大小時，此時可拖拽
要求：1.放大後的圖片的邊緣不能在盒子內出現，意思就是隻能在盒子內拖動（圖片的左邊緣不能小於盒子的左邊緣）
寫了一下午：
主要代碼如下：
第一張：點擊時記錄位置。
移動時限制大小

第二張：滑動滾輪的時候判斷圖片偏移量，不要讓圖片的邊框出現在div內，意思不要露出背景色來

第三張：使用