deploy at 2024-08-24 21:20:37.282133

digitDrawer.js

@@ -8,7 +8,12 @@ let isDrawing = false;
 let lastPredictionTime = 0;
 
 function initializeGrid() {
-    ctx.strokeStyle = '#ddd';
+    // First, fill the entire canvas with white
+    ctx.fillStyle = 'white';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    // Then draw the grid lines
+    ctx.strokeStyle = 'white';
     for (let i = 0; i <= 28; i++) {
         ctx.beginPath();
         ctx.moveTo(i * 10, 0);
@@ -69,7 +74,8 @@ canvas.addEventListener('mouseup', stopDrawing);
 canvas.addEventListener('mouseout', stopDrawing);
 
 document.getElementById('clearButton').addEventListener('click', () => {
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    ctx.fillStyle = 'white';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
     initializeGrid();
     document.getElementById('probability').textContent = 'Probability: --';
 });