From fdb1cd849c24cc615b51520d8fc2de3497de3e9c Mon Sep 17 00:00:00 2001
From: Boof <97455552+hexahigh@users.noreply.github.com>
Date: Tue, 30 May 2023 12:10:08 +0200
Subject: [PATCH] update

---
 other/logo-detect/test1.html | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)
diff --git a/other/logo-detect/test1.html b/other/logo-detect/test1.html
index 4da7dad..7b47dd6 100644
--- a/other/logo-detect/test1.html
+++ b/other/logo-detect/test1.html
@@ -1,8 +1,12 @@
 <html>
+
 <body>
     <div>
         <input type="file" id="image-input" accept="image/*">
         <img id="preview"></img>
+        <button onclick="const img = document.getElementById('preview');
+        const blackAndWhiteImg = convertToBlackAndWhite(img);
+        ">Black and white</button>
     </div>
     <script>
         let imgInput = document.getElementById('image-input');
@@ -25,5 +29,27 @@
             }
         });
     </script>
+    <script>
+        function convertToBlackAndWhite(img) {
+            const canvas = document.createElement('canvas');
+            const ctx = canvas.getContext('2d');
+            const imgData = ctx.getImageData(0, 0, img.width, img.height);
+
+            for (let i = 0; i < imgData.data.length; i += 4) {
+                let count = imgData.data[i] + imgData.data[i + 1] + imgData.data[i + 2];
+                let colour = 0;
+                if (count > 383) colour = 255;
+                imgData.data[i] = colour;
+                imgData.data[i + 1] = colour;
+                imgData.data[i + 2] = colour;
+                imgData.data[i + 3] = 255;
+            }
+
+            ctx.putImageData(imgData, 0, 0);
+            return canvas.toDataURL('image/png');
+        }
+
+    </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
