62bd58d2c4
纯前端 Canvas 画线、拖拽、导出;Python venv + PM2 静态服务; 含部署脚本与使用/部署文档。 Co-authored-by: Cursor <cursoragent@cursor.com>
1.8 KiB
1.8 KiB
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
快速开始(本地开发)
cd public
python3 -m http.server 8080
浏览器访问:http://localhost:8080
服务器部署(Ubuntu / 局域网)
详见 docs/DEPLOY.md。
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。
仓库地址
https://git.bz121.com/dekun/chart-label-tool.git
许可证
仅供内部 / 个人使用,按需自行调整。