开版画布工具（鞋样描线打点 / 轮廓切割 / DXF 导出）产品系统

面向鞋样开版场景：开版师傅需要在鞋子照片或扫描图上沿帮面、鞋底轮廓描线打点，再把轮廓按毫米尺寸导出给切割机或 CAD 使用。传统做法要么用昂贵的专业软件，要么手工描图再测量，效率低、精度差。这个工具在浏览器里直接打开就能用，不用安装，交互手感对标专业开版软件。

1. 底图：上传、拖入或粘贴图片，自带示例鞋图；2. 描线打点：点击打点、拖动调整，圆滑点和折角点可切换，点回起点闭合，Shift 锁 45°，靠近已有节点自动吸附，拖点时显示 4 倍放大镜；3. 编辑：框选多点、整体拖动轮廓、双击线段插点、右键或 Del 删点、方向键 0.1mm 微调、多步撤销重做；4. 视图：以鼠标为中心滚轮缩放、中键或空格平移、毫米网格；5. 比例标定：沿已知长度拉一条线，输入实际毫米数即可换算全图尺寸，另有测量工具；6. 抠图：魔棒点选去色，一键去除纯色背景，可调容差和羽化；7. 切割：按帮面、鞋底等闭合轮廓把底图切成透明背景 PNG，保留原图纹理；8. 导出：毫米点位 JSON（含周长、面积、采样折线）、DXF（R12，按帮面/鞋底分图层）、SVG，支持导入 JSON 继续编辑，本地自动保存。

独立完成需求分析、交互设计和全部开发。技术上用原生 JavaScript + HTML5 Canvas，无第三方依赖，单个 HTML 文件即可部署或嵌入现有系统。难点和亮点：曲线用 Catmull-Rom 转三次贝塞尔，圆滑点与折角点混排时保证直线段和曲线段自然衔接；命中检测在屏幕像素空间计算，任何缩放倍率下手感一致；撤销栈同时记录轮廓和底图版本，抠图也能撤销；DXF 按长度自适应采样，直线段只保留端点，输出文件小且能被 AutoCAD 和切割机软件直接读取。