'commit'

dsLightRag/static/XingJun/css/style.css

@@ -0,0 +1,47 @@
+body { margin: 0; padding: 0; height: 100vh; display: flex; overflow: hidden; }
+.background-container { position: relative; flex: 1; height: 100vh; background-image: url('../images/background.png'); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 1; }
+.control-panel { width: 200px; background-color: #fff; border-left: 1px solid #ccc; padding: 20px; height: 100vh; box-sizing: border-box; z-index: 2; overflow-y: auto; }
+.control-section { margin-bottom: 30px; }
+.control-section h3 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #eee; }
+.image-selector { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 15px; }
+.image-btn { width: 70px; height: 70px; border: 2px solid #ddd; border-radius: 4px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.2s; }
+.image-btn:hover { border-color: #4CAF50; transform: scale(1.05); }
+.image-btn:active { transform: scale(0.98); }
+.arrow-container { position: absolute; pointer-events: auto; }
+.arrow-image { width: 155px; height: 173px; background-size: contain; background-repeat: no-repeat; cursor: move; }
+.save-btn { width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 20px; }
+.save-btn:hover { background-color: #45a049; }
+.arrow-text { position: absolute; top: '100%'; left: '50%'; transform: translateX(-50%); margin-top: '-5px'; font-weight: bold; color: red; font-size: 16px; white-space: nowrap; text-align: center; width: 100%; background-color: transparent; padding: 3px 8px; border-radius: 4px; }
+#contextMenu { position: absolute; display: none; background: white; border: 1px solid #ccc; padding: 5px; z-index: 9999; }
+#deleteArrow { padding: 3px 10px; cursor: pointer; }
+.menu-separator { height: 1px; background-color: #ccc; margin: 5px 0; }
+.menu-item { padding: 3px 10px; cursor: pointer; }
+.menu-item:hover { background-color: #f0f0f0; }
+.check-mark { display: inline-block; width: 16px; text-align: center; }
+.center-dot { position: absolute; width: 8px; height: 8px; background: red; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 5; }
+
+.center-dot {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    background-color: #ff0000; /* 保持中心红色 */
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    /* 将红色阴影改为黄色阴影 */
+    box-shadow: 0 0 5px rgba(255, 215, 0, 0.8), 0 0 10px rgba(255, 215, 0, 0.6);
+    animation: pulse 2s infinite ease-in-out;
+}
+
+/* 修改发光动画关键帧颜色 */
+@keyframes pulse {
+    0% {
+        box-shadow: 0 0 5px rgba(255, 215, 0, 0.8), 0 0 10px rgba(255, 215, 0, 0.6);
+    }
+    50% {
+        box-shadow: 0 0 10px rgba(255, 215, 0, 1), 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.6);
+    }
+    100% {
+        box-shadow: 0 0 5px rgba(255, 215, 0, 0.8), 0 0 10px rgba(255, 215, 0, 0.6);
+    }
+}

dsLightRag/static/XingJun/js/script.js

@@ -0,0 +1,385 @@
+// 添加常量定义
+const ARROW_WIDTH = 155;
+const ARROW_HEIGHT = 173;
+const STOP_DISTANCE = 50;
+document.addEventListener('DOMContentLoaded', function() {
+    const backgroundContainer = document.querySelector('.background-container');
+    const imageButtons = document.querySelectorAll('.image-btn');
+    const markCenterBtn = document.getElementById('markCenterBtn');
+    const startAnimationBtn = document.getElementById('startAnimationBtn');
+    const resetBtn = document.getElementById('resetBtn');
+    const contextMenu = document.getElementById('contextMenu');
+    const deleteArrow = document.getElementById('deleteArrow');
+    let selectedArrow = null;
+    let centerDot = null;
+    
+    // 添加重置按钮事件监听器
+    resetBtn.addEventListener('click', function() {
+        location.reload();
+    });
+    
+    // 添加开始按钮事件监听器
+    startAnimationBtn.addEventListener('click', startAnimation);
+
+    // 动画控制函数
+    function startAnimation() {
+        if (!centerDot) {
+            alert('请先确定中心点');
+            return;
+        }
+
+        const centerRect = centerDot.getBoundingClientRect();
+        const containerRect = backgroundContainer.getBoundingClientRect();
+        const centerX = centerRect.left - containerRect.left;
+        const centerY = centerRect.top - containerRect.top;
+
+        const arrows = document.querySelectorAll('.arrow-container');
+        if (arrows.length === 0) {
+            alert('没有可移动的箭头');
+            return;
+        }
+
+        arrows.forEach(arrow => {
+            animateArrow(arrow, centerX, centerY);
+        });
+    }
+    
+
+    // 修改全局偏移量输入框事件监听
+    const globalStopDistanceInput = document.getElementById('global-stop-distance');
+    
+    // 初始化全局偏移量(从localStorage加载或使用默认值)
+    const savedGlobalStopDistance = localStorage.getItem('globalStopDistance');
+    if (savedGlobalStopDistance) {
+        globalStopDistanceInput.value = savedGlobalStopDistance;
+    }
+    
+    // 全局偏移量变更事件 - 保存到localStorage无需选中箭头
+    globalStopDistanceInput.addEventListener('input', function() {
+        const globalValue = this.value;
+        localStorage.setItem('globalStopDistance', globalValue);
+        console.log(`[全局设置] 箭头停止距离: ${globalValue}px`);
+    });
+    
+
+    
+    // 单个箭头动画函数
+    function animateArrow(arrow, targetX, targetY) {
+        const arrowWidth = ARROW_WIDTH;
+        const arrowHeight = ARROW_HEIGHT;
+        const centerOffsetX = arrowWidth / 2;
+        const centerOffsetY = arrowHeight / 2;
+        // 使用全局偏移量替换单个箭头的stopDistance
+        const stopDistance = parseInt(document.getElementById('global-stop-distance').value) || STOP_DISTANCE;
+    
+        const rect = arrow.getBoundingClientRect();
+        const containerRect = backgroundContainer.getBoundingClientRect();
+        let currentX = rect.left - containerRect.left + centerOffsetX;
+        let currentY = rect.top - containerRect.top + centerOffsetY;
+
+        const offsetRange = 20;
+        const randomOffsetX = (Math.random() - 0.5) * offsetRange;
+        const randomOffsetY = (Math.random() - 0.5) * offsetRange;
+        const finalTargetX = targetX + randomOffsetX;
+        const finalTargetY = targetY + randomOffsetY;
+
+        const dxTotal = finalTargetX - currentX;
+        const dyTotal = finalTargetY - currentY;
+        const distanceTotal = Math.sqrt(dxTotal * dxTotal + dyTotal * dyTotal);
+
+        let adjustedTargetX, adjustedTargetY;
+        if (distanceTotal > stopDistance) {
+            const ratio = (distanceTotal - stopDistance) / distanceTotal;
+            adjustedTargetX = currentX + dxTotal * ratio;
+            adjustedTargetY = currentY + dyTotal * ratio;
+        } else {
+            adjustedTargetX = currentX;
+            adjustedTargetY = currentY;
+        }
+
+        function updatePosition() {
+            const dx = adjustedTargetX - currentX;
+            const dy = adjustedTargetY - currentY;
+            const distance = Math.sqrt(dx * dx + dy * dy);
+
+            if (distance < 2) {
+                arrow.style.left = (adjustedTargetX - centerOffsetX) + 'px';
+                arrow.style.top = (adjustedTargetY - centerOffsetY) + 'px';
+                return;
+            }
+
+            const step = Math.max(distance * 0.05, 1);
+            const moveX = (dx / distance) * step;
+            const moveY = (dy / distance) * step;
+
+            currentX += moveX;
+            currentY += moveY;
+            arrow.style.left = (currentX - centerOffsetX) + 'px';
+            arrow.style.top = (currentY - centerOffsetY) + 'px';
+
+            requestAnimationFrame(updatePosition);
+        }
+
+        updatePosition();
+    }
+    
+    // 加载保存的元素
+    loadAllElements();
+
+    // 绑定箭头按钮事件
+    imageButtons.forEach(button => {
+        button.addEventListener('click', () => {
+            const imagePath = button.getAttribute('data-image');
+            addImageToContainer(imagePath);
+        });
+    });
+
+    // 右键菜单事件
+    deleteArrow.addEventListener('click', function() {
+        if (selectedArrow) {
+            selectedArrow.remove();
+            saveAllElements();
+            contextMenu.style.display = 'none';
+            selectedArrow = null;
+        }
+    });
+
+    // 为匹配角菜单项添加事件监听器
+    document.querySelectorAll('.menu-item').forEach(item => {
+        item.addEventListener('click', function() {
+            if (selectedArrow) {
+                const referencePoint = this.getAttribute('data-point');
+                selectedArrow.dataset.referencePoint = referencePoint;
+                saveAllElements();
+                contextMenu.style.display = 'none';
+                selectedArrow = null;
+            }
+        });
+    });
+
+    // 点击空白处关闭菜单
+    document.addEventListener('click', function() {
+        contextMenu.style.display = 'none';
+        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);
+            
+            console.log('[中心点] 已标记中心点:', { left: centerDot.style.left, top: centerDot.style.top });
+            saveAllElements();
+        }
+
+        backgroundContainer.addEventListener('click', handleMapClick);
+    });
+
+    // 添加箭头函数
+    function addImageToContainer(imagePath, position = null, textContent = '') {
+        const container = document.createElement('div');
+        container.className = 'arrow-container';
+        container.dataset.imagePath = imagePath;
+
+        const newImage = document.createElement('div');
+        newImage.className = 'arrow-image';
+        newImage.style.backgroundImage = `url('${imagePath}')`;
+
+        container.appendChild(newImage);
+
+        // 添加文字元素
+        if (textContent) {
+            const textElement = document.createElement('div');
+            textElement.className = 'arrow-text';
+            textElement.textContent = textContent;
+            container.dataset.text = textContent;
+            container.appendChild(textElement);
+        }
+
+        // 设置位置
+        const arrowWidth = ARROW_WIDTH;
+        const arrowHeight = ARROW_HEIGHT;
+        const centerOffsetX = arrowWidth / 2;
+        const centerOffsetY = arrowHeight / 2;
+
+        if (position) {
+            container.style.left = parseFloat(position.left) + 'px';
+            container.style.top = parseFloat(position.top) + 'px';
+            if (position.referencePoint) {
+                container.dataset.referencePoint = position.referencePoint;
+            }
+            if (position.stopDistance) {
+                container.dataset.stopDistance = position.stopDistance;
+            }
+        } else {
+            const x = Math.random() * (backgroundContainer.offsetWidth - arrowWidth) + centerOffsetX;
+            const y = Math.random() * (backgroundContainer.offsetHeight - arrowHeight) + centerOffsetY;
+            container.style.left = (x - centerOffsetX) + 'px';
+            container.style.top = (y - centerOffsetY) + 'px';
+        }
+
+        // 双击编辑文字
+        container.addEventListener('dblclick', (e) => {
+            e.stopPropagation();
+            const currentText = container.dataset.text || '';
+            const textContent = prompt('请输入文字:', currentText);
+            if (textContent !== null) {
+                if (textContent.trim() === '') {
+                    container.querySelector('.arrow-text')?.remove();
+                    delete container.dataset.text;
+                } else {
+                    let textElement = container.querySelector('.arrow-text');
+                    if (!textElement) {
+                        textElement = document.createElement('div');
+                        textElement.className = 'arrow-text';
+                        container.appendChild(textElement);
+                    }
+                    textElement.textContent = textContent;
+                    container.dataset.text = textContent;
+                    saveAllElements();
+                }
+            }
+        });
+
+        // 右键菜单支持
+        container.addEventListener('contextmenu', function(e) {
+            e.preventDefault();
+            selectedArrow = this;
+            contextMenu.style.left = `${e.clientX}px`;
+            contextMenu.style.top = `${e.clientY}px`;
+            contextMenu.style.display = 'block';
+            
+            const currentPoint = selectedArrow.dataset.referencePoint || 'top-left';
+            document.querySelectorAll('.menu-item').forEach(item => {
+                const checkMark = item.querySelector('.check-mark');
+                if (!checkMark) return;
+                checkMark.textContent = item.getAttribute('data-point') === currentPoint ? '✓' : '';
+            });
+        });
+
+        // 拖拽功能
+        let isDragging = false;
+        let offsetX, offsetY;
+
+        newImage.addEventListener('mousedown', startDrag);
+
+        function startDrag(e) {
+            e.preventDefault();
+            isDragging = true;
+            selectedArrow = container;
+            container.style.zIndex = '10';
+            
+            const rect = container.getBoundingClientRect();
+            offsetX = e.clientX - rect.left;
+            offsetY = e.clientY - rect.top;
+
+            document.addEventListener('mousemove', drag);
+            document.addEventListener('mouseup', stopDrag);
+        }
+
+        function drag(e) {
+            if (!isDragging) return;
+            const containerRect = backgroundContainer.getBoundingClientRect();
+            const x = e.clientX - containerRect.left - offsetX;
+            const y = e.clientY - containerRect.top - offsetY;
+
+            container.style.left = x + 'px';
+            container.style.top = y + 'px';
+        }
+
+        function stopDrag() {
+            if (isDragging) {
+                isDragging = false;
+                container.style.zIndex = '1';
+                saveAllElements();
+                document.removeEventListener('mousemove', drag);
+                document.removeEventListener('mouseup', stopDrag);
+            }
+        }
+
+        backgroundContainer.appendChild(container);
+        saveAllElements();
+        return container;
+    }
+
+    // 保存所有元素状态
+    function saveAllElements() {
+        const elements = [];
+        
+        // 保存中心点
+        if (centerDot) {
+            localStorage.setItem('centerPoint', JSON.stringify({
+                left: centerDot.style.left,
+                top: centerDot.style.top
+            }));
+        } else {
+            localStorage.removeItem('centerPoint');
+        }
+        
+        // 保存箭头(移除stopDistance属性)
+        document.querySelectorAll('.arrow-container').forEach(arrow => {
+            elements.push({
+                type: 'arrow',
+                imagePath: arrow.dataset.imagePath,
+                left: arrow.style.left,
+                top: arrow.style.top,
+                text: arrow.dataset.text || '',
+                referencePoint: arrow.dataset.referencePoint || 'top-left'
+                // 删除stopDistance属性
+            });
+        });
+        
+        localStorage.setItem('savedElements', JSON.stringify(elements));
+        console.log('[保存] 已保存元素:', elements);
+    }
+
+    // 加载所有元素状态
+    function loadAllElements() {
+        // 加载中心点
+        const savedCenter = localStorage.getItem('centerPoint');
+        if (savedCenter) {
+            const center = JSON.parse(savedCenter);
+            centerDot = document.createElement('div');
+            centerDot.className = 'center-dot';
+            centerDot.style.left = center.left;
+            centerDot.style.top = center.top;
+            backgroundContainer.appendChild(centerDot);
+        }
+        
+        // 加载箭头
+        const savedElements = localStorage.getItem('savedElements');
+        if (savedElements) {
+            const elements = JSON.parse(savedElements);
+            elements.forEach(element => {
+                if (element.type === 'arrow') {
+                    // Fix image path by adding 'images/' prefix if missing
+                    if (!element.imagePath.startsWith('images/')) {
+                        element.imagePath = `images/${element.imagePath}`;
+                    }
+                    addImageToContainer(element.imagePath, element, element.text);
+                }
+            });
+            console.log('[加载] 已加载元素:', elements);
+        }
+    }
+
+    // 阻止右键菜单冒泡
+    contextMenu.addEventListener('click', function(e) {
+        e.stopPropagation();
+    });
+});

dsLightRag/static/XingJun/move.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>箭头动画</title>
+    <link rel="stylesheet" href="../layui/css/layui.css">
+    <!--引入layui layer-->
+    <script src="../layui/layui.all.js" charset="utf-8"></script>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+    <div class="background-container"></div>
+    <div class="control-panel">
+        <div class="control-section">
+        <div class="control-section">
+            <h3>增加箭头</h3>
+            <div class="image-selector">
+                <div class="image-btn" data-image="images/1.png" style="background-image: url('images/1.png');"></div>
+                <div class="image-btn" data-image="images/2.png" style="background-image: url('images/2.png');"></div>
+                <div class="image-btn" data-image="images/3.png" style="background-image: url('images/3.png');"></div>
+                <div class="image-btn" data-image="images/4.png" style="background-image: url('images/4.png');"></div>
+                <div class="image-btn" data-image="images/5.png" style="background-image: url('images/5.png');"></div>
+                <div class="image-btn" data-image="images/6.png" style="background-image: url('images/6.png');"></div>
+            </div>
+            <!-- 添加偏移量控制区域 -->
+            <div class="offset-control" style="margin-top: 15px; padding: 10px; border: 1px solid #eee; border-radius: 4px;">
+                <label for="global-stop-distance" style="display: block; margin-bottom: 5px;">箭头停止距离 (px):</label>
+                <input type="number" id="global-stop-distance" min="0" max="100" value="20" style="width: 100%; padding: 8px;">
+                <p style="font-size: 12px; color: #666; margin: 5px 0 0 0;">* 全局设置，所有箭头生效</p>
+            </div>
+            <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>
+        </div>
+    </div>
+    <div id="contextMenu">
+        <div id="deleteArrow">删除箭头</div>
+        <div class="menu-separator"></div>
+        <div class="menu-item" data-point="top-left"><span class="check-mark"></span>左上角</div>
+        <div class="menu-item" data-point="top-right"><span class="check-mark"></span>右上角</div>
+        <div class="menu-item" data-point="bottom-left"><span class="check-mark"></span>左下角</div>
+        <div class="menu-item" data-point="bottom-right"><span class="check-mark"></span>右下角</div>
+    </div>
+
+    <script src="js/script.js"></script>
+</body>
+</html>

dsLightRag/static/XingJun/txt/历史行军地图.txt

@@ -0,0 +1,8 @@
+软件功能地址：
+http://www.hzkjai.com:27002/static/QwenImage/qwen-image-edit.html
+
+找到的背景图：
+https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/Images/7272f599b59ad372ec5d8e5a104ab9e2.jpeg
+
+提示词：
+把图中的红色箭头和红色文字移除掉。

dsLightRag/static/XingJun/txt/改图神器.txt

@@ -0,0 +1 @@
+https://imageonline.co/cn/crop-png.php