From 4866d1dccf3aba5c8fd30fce71b2f55a68acf750 Mon Sep 17 00:00:00 2001
From: wangzemei <wangzemei@easycorp.ltd>
Date: Tue, 3 Sep 2024 16:47:11 +0800
Subject: [PATCH] + [task127424] adjust the width and height of canvas of
 think3c widget.

---
 lib/zin/wg/think3c/js/v1.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/lib/zin/wg/think3c/js/v1.js b/lib/zin/wg/think3c/js/v1.js
index 7d699f69c0..d77e057297 100644
--- a/lib/zin/wg/think3c/js/v1.js
+++ b/lib/zin/wg/think3c/js/v1.js
@@ -11,12 +11,26 @@ $(document).ready(function()
         let width  = image.width;
         let height = image.height;
 
-        canvas.width = width;
+        if(width > maxWidth || height > maxHeight)
+        {
+            if(width > height)
+            {
+                height *= maxWidth / width;
+                width   = maxWidth;
+            }
+            else
+            {
+                width  *= maxHeight / height;
+                height  = maxHeight;
+            }
+        }
+
+        canvas.width  = width;
         canvas.height = height;
         ctx.drawImage(image, 0, 0, width, height);
 
         const imageData = ctx.getImageData(0, 0, width, height);
-        const pixels = binarizeImage(imageData);
+        const pixels    = binarizeImage(imageData);
         ctx.putImageData(pixels, 0, 0);
     };
     image.src = modelImg;