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="./6.png" style="background-image: url('./6.png');"></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="startAnimationBtn" 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() {
@@ -237,6 +238,7 @@
backgroundContainer.appendChild(centerDot);
backgroundContainer.removeEventListener('click', handleMapClick);
saveAllElements(); // 中心点标记后自动保存
}
backgroundContainer.addEventListener('click', handleMapClick);
@@ -299,6 +301,7 @@
}
textElement.textContent = textContent;
container.dataset.text = textContent;
saveAllElements(); // 文字编辑后自动保存
}
}
});
@@ -326,6 +329,7 @@
// 拖拽功能
makeElementDraggable(container);
backgroundContainer.appendChild(container);
saveAllElements(); // 添加后自动保存
return container;
}
@@ -347,12 +351,17 @@
const y = e.clientY - offsetY;
element.style.left = `${x}px`;
element.style.top = `${y}px`;
// 实时保存并控制台输出
saveAllElements();
console.log(`箭头移动并保存: 位置(${x}, ${y})`);
});
document.addEventListener('mouseup', () => {
if (isDragging) {
isDragging = false;
element.style.zIndex = '2';
saveAllElements(); // 拖拽结束后自动保存
}
});
}
@@ -390,7 +399,9 @@
}
localStorage.setItem('savedElements', JSON.stringify(elements));
alert('位置已保存');
// 控制台输出详细保存信息
console.log(`[${new Date().toLocaleTimeString()}] 自动保存完成: 共${elements.length}个元素`);
console.log('保存内容:', elements);
}
function loadAllElements() {