From 8f7c55bb72a4162f84bb89da5bdeaa795cfb2c82 Mon Sep 17 00:00:00 2001
From: Shuanglei Tao <tsl0922@gmail.com>
Date: Tue, 16 Sep 2025 21:45:57 +0800
Subject: [PATCH] update html

---
 html/index.html | 3 ++-
 html/js/crop.js | 2 +-
 html/js/main.js | 7 ++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/html/index.html b/html/index.html
index 07db075..28d7cd6 100644
--- a/html/index.html
+++ b/html/index.html
@@ -76,6 +76,7 @@
 						<option value="5.83_648_480">5.83 (648x480)</option>
 						<option value="7.5_640_384">7.5 (640x384)</option>
 						<option value="7.5_800_480">7.5 (800x480)</option>
+						<option value="7.5_880_528">7.5 (880x528)</option>
 						<option value="10.2_960_640">10.2 (960x640)</option>
 						<option value="10.85_1360_480">10.85 (1360x480)</option>
 						<option value="11.6_960_640">11.6 (960x640)</option>
@@ -212,7 +213,7 @@
 			<span class="copy">&copy; 2025 tsl0922.</span>
 			<span class="links">
 				<a href="https://github.com/tsl0922/EPD-nRF5">Github</a>
-				<a href="https://qm.qq.com/q/SckzhfDxuu">交流群</a>
+				<a href="https://qm.qq.com/q/SckzhfDxuu" onclick="return confirm('本群是此开源固件作者的技术交流群\n如果你购买了成品，请找卖家提供售后！')">交流群</a>
 				<a href="?debug=true" id="debug-toggle">开发模式</a>
 			</span>
 		</div>
diff --git a/html/js/crop.js b/html/js/crop.js
index b1cbf11..0269b7f 100644
--- a/html/js/crop.js
+++ b/html/js/crop.js
@@ -65,7 +65,7 @@ function initializeCrop() {
   // Make the canvas transparent
   ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-  setCanvasTitle("裁剪模式: 可用鼠标或触摸缩放移动图片");
+  setCanvasTitle("裁剪模式: 可用鼠标滚轮或双指触摸缩放图片");
   canvas.parentNode.classList.add('crop-mode');
 }
 
diff --git a/html/js/main.js b/html/js/main.js
index 548f661..f46183a 100644
--- a/html/js/main.js
+++ b/html/js/main.js
@@ -39,6 +39,7 @@ const canvasSizes = [
   { name: '5.83_648_480', width: 648, height: 480 },
   { name: '7.5_640_384', width: 640, height: 384 },
   { name: '7.5_800_480', width: 800, height: 480 },
+  { name: '7.5_880_528', width: 880, height: 528 },
   { name: '10.2_960_640', width: 960, height: 640 },
   { name: '10.85_1360_480', width: 1360, height: 480 },
   { name: '11.6_960_640', width: 960, height: 640 },
@@ -163,7 +164,7 @@ async function sendcmd() {
 
 async function sendimg() {
   if (isCropMode()) {
-    addLog("请先完成图片裁剪！发送已取消。");
+    alert("请先完成图片裁剪！发送已取消。");
     return;
   }
 
@@ -216,7 +217,7 @@ async function sendimg() {
 
 function downloadDataArray() {
   if (isCropMode()) {
-    addLog("请先完成图片裁剪！下载已取消。");
+    alert("请先完成图片裁剪！下载已取消。");
     return;
   }
 
@@ -452,7 +453,7 @@ function updateImage() {
       redrawLineSegments();
       convertDithering();
     } else {
-      addLog("图片宽高比例与画布不匹配，已进入裁剪模式。");
+      alert("图片宽高比例与画布不匹配，将进入裁剪模式。\n请放大图片后移动图片使其充满画布，再点击“完成”按钮。");
       setActiveTool(null, '');
       initializeCrop();
     }