diff --git a/dsLightRag/XingJun/move.html b/dsLightRag/XingJun/move.html index f2dd74e1..a7f78bd6 100644 --- a/dsLightRag/XingJun/move.html +++ b/dsLightRag/XingJun/move.html @@ -6,7 +6,7 @@ 箭头动画 - @@ -50,6 +39,7 @@
+
删除箭头
@@ -60,9 +50,11 @@ const backgroundContainer = document.querySelector('.background-container'); const imageButtons = document.querySelectorAll('.image-btn'); const saveBtn = document.getElementById('savePositionsBtn'); + const markCenterBtn = document.getElementById('markCenterBtn'); const contextMenu = document.getElementById('contextMenu'); const deleteArrow = document.getElementById('deleteArrow'); let selectedArrow = null; + let centerDot = null; // 加载保存的元素 loadAllElements(); @@ -94,6 +86,32 @@ selectedArrow = null; }); + // 标记中心点功能 + markCenterBtn.addEventListener('click', function() { + // 移除旧点 + if (centerDot) { + centerDot.remove(); + centerDot = null; + } + + // 创建新点 + function handleMapClick(e) { + const rect = backgroundContainer.getBoundingClientRect(); + const x = e.clientX - rect.left; + const y = e.clientY - rect.top; + + centerDot = document.createElement('div'); + centerDot.className = 'center-dot'; + centerDot.style.left = x + 'px'; + centerDot.style.top = y + 'px'; + + backgroundContainer.appendChild(centerDot); + backgroundContainer.removeEventListener('click', handleMapClick); + } + + backgroundContainer.addEventListener('click', handleMapClick); + }); + // 添加箭头函数 function addImageToContainer(imagePath, position = null, textContent = '') { const container = document.createElement('div'); @@ -221,50 +239,6 @@ } }); -
-
- - - -
-
- -