feat: K线点位标注工具完整实现与Ubuntu PM2部署
纯前端 Canvas 画线、拖拽、导出;Python venv + PM2 静态服务; 含部署脚本与使用/部署文档。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
# 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 8080
|
||||
```
|
||||
|
||||
浏览器访问:<http://localhost:8080>
|
||||
|
||||
## 服务器部署(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>:8080`
|
||||
|
||||
## 使用说明
|
||||
|
||||
详见 [docs/USAGE.md](docs/USAGE.md)。
|
||||
|
||||
## 仓库地址
|
||||
|
||||
<https://git.bz121.com/dekun/chart-label-tool.git>
|
||||
|
||||
## 许可证
|
||||
|
||||
仅供内部 / 个人使用,按需自行调整。
|
||||
|
||||
Reference in New Issue
Block a user