deploy at 2024-08-24 21:23:26.835073

digitDrawer.js

@@ -28,7 +28,11 @@ function initializeGrid() {
 
 function startDrawing(e) {
     isDrawing = true;
-    draw(e);
+    const rect = canvas.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    ctx.beginPath();
+    ctx.moveTo(x, y);
 }
 
 function stopDrawing() {
@@ -38,14 +42,19 @@ function stopDrawing() {
 
 function draw(e) {
     if (!isDrawing) return;
+    
+    const rect = canvas.getBoundingClientRect();
+    const x = e.clientX - rect.left;
+    const y = e.clientY - rect.top;
+    
     ctx.lineWidth = 20;
     ctx.lineCap = 'round';
     ctx.strokeStyle = '#000';
     
-    ctx.lineTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
+    ctx.lineTo(x, y);
     ctx.stroke();
     ctx.beginPath();
-    ctx.moveTo(e.clientX - canvas.offsetLeft, e.clientY - canvas.offsetTop);
+    ctx.moveTo(x, y);
     
     // Check if it's time for a new prediction
     const currentTime = Date.now();