# K线点位标注工具(Web 版) 纯前端 K 线截图标注工具:在浏览器本地完成图片上传、水平价位线绘制、拖拽调整与导出,**数据不上传外网**。 ## 功能概览 | 功能 | 说明 | |------|------| | 图片上传 | 点击选择 / 拖拽,支持 JPG、PNG | | 三种标注线 | 入场(绿)、出场(蓝)、止损(红) | | 画线 | 选中模式后单击生成贯穿画布的水平线 | | 拖拽 | 鼠标悬停线条变为上下调整光标,可拖动改价 | | 撤销 / 清空 | 删除最后一条或全部线条 | | 导出 | 下载「原图 + 标注」合并 PNG | ## 技术栈 - HTML + CSS + JavaScript + Canvas - 部署:Ubuntu + Python 虚拟环境 + PM2 + `http.server` ## 目录结构 ``` chart-label-tool/ ├── public/ # 静态站点(对外服务目录) │ ├── index.html │ ├── css/style.css │ └── js/app.js ├── deploy/ │ ├── install.sh # 一键部署脚本 │ └── ecosystem.config.cjs # PM2 配置 ├── docs/ │ ├── DEPLOY.md # 部署文档 │ └── USAGE.md # 使用说明 └── requirements.txt ``` ## 快速开始(本地开发) ```bash cd public python3 -m http.server 8010 ``` 浏览器访问: ## 服务器部署(Ubuntu / 局域网) 详见 [docs/DEPLOY.md](docs/DEPLOY.md)。 ```bash sudo git clone https://git.bz121.com/dekun/chart-label-tool.git /opt/chart-label-tool cd /opt/chart-label-tool sudo bash deploy/install.sh ``` 局域网访问:`http://<服务器IP>:8010` ## 使用说明 详见 [docs/USAGE.md](docs/USAGE.md)。 ## 仓库地址 ## 许可证 仅供内部 / 个人使用,按需自行调整。