fix: 修复拖拽问题，松开鼠标结束拖动，互不影响

index.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>极简邀请函制作</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="app">
+        <!-- 顶部工具栏 -->
+        <div class="toolbar">
+            <button class="btn" id="addImageBtn">添加图片</button>
+            <button class="btn btn-primary" id="saveBtn">保存图片</button>
+        </div>
+
+        <!-- 图片展示区 -->
+        <div class="canvas-area" id="canvasArea">
+            <div class="empty-tip" id="emptyTip">请点击上方「添加图片」按钮上传背景图</div>
+            <div class="image-container" id="imageContainer">
+                <img id="bgImage" src="" alt="背景图">
+                <!-- 文字输入框1 -->
+                <div class="text-input" id="input1" contenteditable="false">姓名：</div>
+                <!-- 文字输入框2 -->
+                <div class="text-input" id="input2" contenteditable="false">编号：</div>
+            </div>
+        </div>
+
+        <!-- 手机端输入控制区 -->
+        <div class="mobile-input-controls" id="mobileInputControls">
+            <div class="input-control-group">
+                <label>姓名：</label>
+                <input type="text" id="mobileInput1" placeholder="请输入姓名" value="姓名">
+            </div>
+            <div class="input-control-group">
+                <label>编号：</label>
+                <input type="text" id="mobileInput2" placeholder="请输入编号" value="编号">
+            </div>
+        </div>
+
+        <!-- 长按提示 -->
+        <div class="long-press-tip" id="longPressTip">长按屏幕可保存图片</div>
+    </div>
+
+    <input type="file" id="fileInput" accept="image/*" hidden>
+    <canvas id="exportCanvas" hidden></canvas>
+
+    <script src="script.js"></script>
+</body>
+</html>