Files
2026-05-27 14:23:47 +08:00

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 8010

浏览器访问:http://localhost:8010

服务器部署(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>:8010

使用说明

详见 docs/USAGE.md

仓库地址

https://git.bz121.com/dekun/chart-label-tool.git

许可证

仅供内部 / 个人使用,按需自行调整。