# utools_screen_cross_line

**Repository Path**: fancy171101034/utools_screen_cross_line

## Basic Information

- **Project Name**: utools_screen_cross_line
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-19
- **Last Updated**: 2025-09-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 屏幕十字辅助线 uTools 插件

## 功能简介

这是一个用于在屏幕上显示可跟随鼠标移动的十字辅助线的 uTools 插件。适用于设计、开发、演示等需要精确定位的场景。

## 主要特性

- 🎯 **跟随鼠标**：十字线实时跟随鼠标移动
- 🎨 **多种颜色**：支持8种不同颜色的十字线
- 📍 **固定位置**：可以固定十字线在特定位置
- ⌨️ **键盘控制**：完整的键盘快捷键支持
- 🔍 **微调功能**：可以用方向键微调十字线位置
- 🚀 **全屏覆盖**：十字线覆盖整个屏幕

## 使用方法

### 启动插件

1. 在 uTools 中输入：`十字线`、`辅助线`、`crossline`、`line`、`屏幕线` 或 `cross`
2. 选择插件并按回车启动

### 操作控制

| 操作 | 功能 |
|------|------|
| **鼠标移动** | 十字线跟随鼠标实时移动 |
| **Enter / 空格 / 鼠标点击** | 固定当前位置的十字线 |
| **Tab** | 切换十字线颜色（8种颜色循环） |
| **方向键 ↑↓←→** | 微调十字线位置（单步移动） |
| **Shift + 方向键** | 大幅度调整位置（10px移动） |
| **Z / Backspace** | 撤销最后一条固定线 |
| **Ctrl+C / Cmd+C** | 清除所有固定线 |
| **Esc** | 退出插件 |

### 颜色选择

插件支持8种颜色，通过 Tab 键循环切换：
1. 🔴 红色（默认）
2. 🔵 蓝色
3. 🟢 绿色
4. 🟡 黄色
5. 🟣 紫色
6. 🔵 青色
7. 🟠 橙色
8. 🩷 粉色

## 使用场景

- **设计对齐**：网页设计、UI设计中的元素对齐
- **屏幕测量**：测量屏幕上元素的位置和间距
- **演示辅助**：演示时突出显示特定位置
- **开发调试**：前端开发中的布局调试
- **视频录制**：录制教程时的指示作用

## 开发信息

- **框架**：Vue 3 + Vite
- **平台支持**：Windows、macOS、Linux
- **uTools API**：基于 uTools 插件规范开发

## 安装说明

1. 构建插件：`npm run build`
2. 将 `dist` 目录内容部署到 uTools 插件目录
3. 或者在开发模式下使用：`npm run dev`

## 注意事项

- 插件会创建全屏透明覆盖层，不会影响其他应用的正常使用
- 十字线具有最高的显示优先级，确保在所有窗口之上可见
- 使用 Esc 键可以随时退出插件
- 固定的十字线会保持在屏幕上直到手动清除或退出插件

## 技术特性

- 🔄 响应式设计，支持不同分辨率屏幕
- 🎭 全屏透明覆盖，不影响背景应用
- ⚡ 高性能渲染，流畅的鼠标跟随效果
- 🎯 精确的像素级定位
- 🖱️ 智能鼠标指针隐藏

---

**版本**: 1.0.0  
**作者**: utools 插件开发团队  
**许可**: MIT License