index.html

static/index.html

@@ -169,6 +169,7 @@ window.onerror = function (message, source, lineno, colno, error) {
     };
     console.error("JavaScript Error:", errorData);
     // 使用 Fetch API 上传错误信息
+    /*
     fetch('/log-error', {
         method: 'POST',
         headers: {
@@ -176,6 +177,7 @@ window.onerror = function (message, source, lineno, colno, error) {
         },
         body: JSON.stringify(errorData)
     });
+    */
 };
 window.onload = function() {
     var canvas = document.getElementById('canvas');
@@ -622,6 +624,28 @@ window.onload = function() {
       return new Blob([byteArray], { type: mime });
     }
     
+    function calculateWhiteRatio(canvas) {
+        const ctx = canvas.getContext('2d');
+        const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+        const data = imageData.data;
+        let whiteCount = 0;
+        const totalPixels = canvas.width * canvas.height;
+
+        for (let i = 0; i < data.length; i += 4) {
+            const r = data[i];
+            const g = data[i + 1];
+            const b = data[i + 2];
+
+            // 判断是否为白色（RGB都为255）
+            if (r === 255 && g === 255 && b === 255) {
+                whiteCount++;
+            }
+        }
+
+        const whiteRatio = whiteCount / totalPixels;
+        return whiteRatio * 100; // 返回百分比
+    }
+    
     document.getElementById('saveToClipboard').addEventListener('click',async function() {
         var data = maskData.data;
         var tempCanvas = document.createElement('canvas');
@@ -637,13 +661,17 @@ window.onload = function() {
             tempCanvas.height = canvas.height;
             ctx.putImageData(maskData, 0, 0);
         }
+        const r = calculateWhiteRatio(tempCanvas);
+        if (r < 1.0) {
+            alert("涂的太少了！！！");
+            return;
+        }
         //await navigator.clipboard.writeText(tempCanvas.toDataURL("image/jpeg", 0.9));
         const response = await fetch(tempCanvas.toDataURL("image/png"));
         const blob = await response.blob();
-        
-        const img = document.getElementById('outputImg');
-        img.src = tempCanvas.toDataURL("image/jpeg");
-        const base64String = img.src.split(',')[1];
+        //const img = document.getElementById('outputImg');
+        const src = tempCanvas.toDataURL("image/jpeg");
+        const base64String = src.split(',')[1];
         const response2 = await fetch(
         '/uploadVPMask/' + getQueryParameter('id'),{
         //'https://api.imgur.com/3/image', {
@@ -654,23 +682,23 @@ window.onload = function() {
             },
             body: JSON.stringify({ image: base64String }),
         });
-        /*const r = await response2.json();
-        img.src = r.data.link;
-        //Telegram.WebApp.sendData("" + Telegram.WebApp.initDataUnsafe.user.id + ";" + r.data.link);
-        const script = document.createElement('script');
-        script.src = "https://telegram.org/js/telegram-widget.js?22";
-        script.setAttribute('data-telegram-share-url', r.data.link);
-        script.async = true;
-        */
-        const myImg1 = document.getElementById('myImg1');
-        const firstChild = myImg1.firstChild;
-        let sendback = document.createElement('a');
-        sendback.href = 'https://t.me/ainudevideo_bot?start=mask_ok';// + r.data.link;
-        sendback.textContent = 'sendback';
-        sendback.click();
-        sendback.innerHTML = "如果点击按钮没有反应,请点这个链接 If there is no response when clicking the button, please click on this link";
-        myImg1.insertBefore(sendback, firstChild);
-        //Telegram.WebApp.close();
+        if (response2.ok) {
+            const myImg1 = document.getElementById('myImg1');
+            const firstChild = myImg1.firstChild;
+            let sendback = document.createElement('a');
+            sendback.href = 'https://t.me/ainudevideo_bot?start=mask_ok';// + r.data.link;
+            sendback.textContent = 'sendback';
+            sendback.click();
+            sendback.innerHTML = "如果点击按钮没有反应,请点这个链接 If there is no response when clicking the button, please click on this link";
+            myImg1.insertBefore(sendback, firstChild);
+            //Telegram.WebApp.close();
+            setTimeout(function() {
+                    window.close();
+                }, 2000);
+        }
+        else {
+            alert("上传失败,请重试");
+        }
     });
 
     // 保存蒙版
@@ -756,7 +784,6 @@ window.onload = function() {
     //setEventListeners();
     //const imageUrl = getQueryParameter('imageUrl');
     //const imageUrl = 'https://i.imgur.com/' + Telegram.WebApp.initDataUnsafe.user.id + '.jpeg';
-    //const imageUrl = '/getVPImage/' + Telegram.WebApp.initDataUnsafe.user.id;
     const imageUrl = '/getVPImage/' + getQueryParameter('id');
     if (imageUrl) {
         loadImageFromUrl(imageUrl);