This commit is contained in:
2025-09-09 16:00:33 +08:00
parent a7643fd2f4
commit 28ee50e4c8

View File

@@ -41,7 +41,7 @@
<div class="image-btn" data-image="./5.png" style="background-image: url('./5.png');"></div> <div class="image-btn" data-image="./5.png" style="background-image: url('./5.png');"></div>
<div class="image-btn" data-image="./6.png" style="background-image: url('./6.png');"></div> <div class="image-btn" data-image="./6.png" style="background-image: url('./6.png');"></div>
</div> </div>
<button class="save-btn" id="savePositionsBtn">保存位置</button> <!-- 移除保存位置按钮 -->
<button class="save-btn" id="markCenterBtn" style="margin-top: 10px;">标记中心点</button> <button class="save-btn" id="markCenterBtn" style="margin-top: 10px;">标记中心点</button>
<button class="save-btn" id="startAnimationBtn" style="margin-top: 10px;">开始</button> <button class="save-btn" id="startAnimationBtn" style="margin-top: 10px;">开始</button>
<button class="save-btn" id="resetBtn" style="margin-top: 10px;">重置</button> <button class="save-btn" id="resetBtn" style="margin-top: 10px;">重置</button>
@@ -184,7 +184,8 @@
}); });
// 保存按钮事件 // 保存按钮事件
saveBtn.addEventListener('click', saveAllElements); // 删除保存按钮事件监听器
// saveBtn.addEventListener('click', saveAllElements);
// 右键菜单事件 // 右键菜单事件
deleteArrow.addEventListener('click', function() { deleteArrow.addEventListener('click', function() {
@@ -237,6 +238,7 @@
backgroundContainer.appendChild(centerDot); backgroundContainer.appendChild(centerDot);
backgroundContainer.removeEventListener('click', handleMapClick); backgroundContainer.removeEventListener('click', handleMapClick);
saveAllElements(); // 中心点标记后自动保存
} }
backgroundContainer.addEventListener('click', handleMapClick); backgroundContainer.addEventListener('click', handleMapClick);
@@ -299,6 +301,7 @@
} }
textElement.textContent = textContent; textElement.textContent = textContent;
container.dataset.text = textContent; container.dataset.text = textContent;
saveAllElements(); // 文字编辑后自动保存
} }
} }
}); });
@@ -326,6 +329,7 @@
// 拖拽功能 // 拖拽功能
makeElementDraggable(container); makeElementDraggable(container);
backgroundContainer.appendChild(container); backgroundContainer.appendChild(container);
saveAllElements(); // 添加后自动保存
return container; return container;
} }
@@ -347,12 +351,17 @@
const y = e.clientY - offsetY; const y = e.clientY - offsetY;
element.style.left = `${x}px`; element.style.left = `${x}px`;
element.style.top = `${y}px`; element.style.top = `${y}px`;
// 实时保存并控制台输出
saveAllElements();
console.log(`箭头移动并保存: 位置(${x}, ${y})`);
}); });
document.addEventListener('mouseup', () => { document.addEventListener('mouseup', () => {
if (isDragging) { if (isDragging) {
isDragging = false; isDragging = false;
element.style.zIndex = '2'; element.style.zIndex = '2';
saveAllElements(); // 拖拽结束后自动保存
} }
}); });
} }
@@ -390,7 +399,9 @@
} }
localStorage.setItem('savedElements', JSON.stringify(elements)); localStorage.setItem('savedElements', JSON.stringify(elements));
alert('位置已保存'); // 控制台输出详细保存信息
console.log(`[${new Date().toLocaleTimeString()}] 自动保存完成: 共${elements.length}个元素`);
console.log('保存内容:', elements);
} }
function loadAllElements() { function loadAllElements() {