画图

src/components/pages/components/imgDraw/imgDraw.vue

@@ -475,8 +475,14 @@ export default {
       };
       let mousemove = (e) => {
         e = e || window.event;
-        mx = e.clientX - this.canvas_front.offsetLeft;
-        my = e.clientY - this.canvas_front.offsetTop;
+        // mx = e.clientX - this.canvas_front.offsetLeft;
+        // my = e.clientY - this.canvas_front.offsetTop;
+        var scrollL =
+          document.getElementsByClassName("d_body")[0].scrollLeft || document.getElementsByClassName("d_body")[0].scrollLeft;
+        var scrollT =
+          document.getElementsByClassName("d_body")[0].scrollTop || document.getElementsByClassName("d_body")[0].scrollTop;
+        mx = e.clientX + scrollL;
+        my = e.clientY + scrollT;
         const cbx = this.ctx_base.getImageData(
           e.offsetX - this.slide / 2,
           e.offsetY - this.slide / 2,
@@ -520,8 +526,8 @@ export default {
             case 5:
               this.ctx_front.putImageData(
                 cbx,
-                e.offsetX - this.slide + 20,
-                e.offsetY - this.slide + 20
+                e.offsetX - this.slide / 2,
+                e.offsetY - this.slide / 2
               );
               break;
           }