If your image looks glitchy try changing the dimensions above and press the read button again. Read images also appear at step 3 below for further processing.
diff --git a/js/script.js b/js/script.js
index d1412bd..cb0c5ab 100644
--- a/js/script.js
+++ b/js/script.js
@@ -702,6 +702,17 @@ function handleTextInput(drawMode) {
el.style.display = 'none';
});
checkImagesAvailable();
+
+ // Mirror the result onto a small preview canvas right below the
+ // buttons, so the pasted array is visible without scrolling to step 3.
+ const previewCanvas = document.getElementById('text-input-preview-canvas');
+ previewCanvas.width = canvas.width;
+ previewCanvas.height = canvas.height;
+ previewCanvas.getContext('2d').drawImage(canvas, 0, 0);
+ previewCanvas.style.display = 'block';
+
+ const readImagesNoteEl = document.getElementById('read-images-note');
+ readImagesNoteEl.style.display = 'block';
}
}