From 196e8393aa395f1f52e7d14582150f1274be7b74 Mon Sep 17 00:00:00 2001
From: ColonelParrot <65585002+ColonelParrot@users.noreply.github.com>
Date: Sat, 15 Apr 2023 18:53:36 -0400
Subject: [PATCH] Ensure demo image is loaded before extracting paper.

---
 docs/script.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/script.js b/docs/script.js
index e125012..f62609f 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -32,11 +32,13 @@ $('#demo-images .image-container').click(function () {
         const newImg = document.createElement("img")
         newImg.src = imageSrc
 
-        scanner.extractPaper(newImg, 386, 500, (resultCanvas) => {
-            $('#demo-result').append(resultCanvas);
-            
-            const highlightedCanvas = scanner.highlightPaper(newImg)
-            $('#demo-result').append(highlightedCanvas);
-        });
+        newImg.onload = function(){
+            scanner.extractPaper(newImg, 386, 500, (resultCanvas) => {
+                $('#demo-result').append(resultCanvas);
+                
+                const highlightedCanvas = scanner.highlightPaper(newImg)
+                $('#demo-result').append(highlightedCanvas);
+            });
+        }
     })
 })
\ No newline at end of file