产品尺码标注工具 - 使用手册

欢迎使用产品尺码标注工具!本工具专为电商卖家、设计师及摄影师打造,旨在通过简洁、高效的矢量化操作,为产品图片添加精准的尺寸标注与部位说明。

产品尺码标注工具界面概览

🌟 核心功能

  • 精准标注:轻松勾勒衣长、肩宽、袖长等细节,提升用户认知。
  • 全矢量编辑:所有标注线段、箭头均支持二次调整,角度、长度随心掌控。
  • 工程化管理:支持导出高清图片,并提供可二次编辑的 .slab 工程文件。
  • 高级样式:自由文本支持富排版、文本描边/背景与字体阴影;双向箭头、量尺、虚线、单向箭头、曲线双箭头、圆环双箭头支持组级阴影。

🛠 工具箱详解

本工具采用「操作后复位」逻辑:每完成一次标注,系统会自动切换回 [选择] 工具,方便您立即调整。

1. 基础工具

  • 🖱 选择 (Select):默认状态。用于框选、移动及点击选中已有的标注控件。框选多个对象时,右侧仅显示共有的基础参数(如颜色),不显示高级功能区。
  • 🔤 自由文本 (Text):在画布任意位置点击即可添加文字。支持在右侧调整内容、颜色、字体、大小和旋转角度;排版、描边、背景与阴影详见下文 选中项参数与高级功能区

基础工具演示

2. 线性标注工具

所有线性工具均通过「左键按下 -> 拖拽 -> 松开」完成初始化,支持 360° 旋转。选中单个标注后,可在「高级功能区」设置阴影(颜色、X/Y 偏移、模糊);线宽与颜色由主面板「颜色」「大小」统一控制,与箭头、刻度、标签同步。拖拽端点改变长度后,阴影会随整组标注一起更新。

工具名称 样式特征 最佳适用场景
双向箭头 双向箭头样式 标注部位跨度、间距或总长度。
量尺 (Ruler) 量尺样式 强调长度、深度或具体测量数值。
虚线 (Dash) 虚线样式 辅助线、轮廓补全或非实地测量标注。
单向箭头 单向箭头样式 指向性说明、引出备注文字。

线性标注工具演示

3. 高级曲线与环形工具

  • ↪️ 曲线双箭头:点击拖拽生成直线 -> 松开后向拉拽调整弧度。适合标注领口、袖笼等弧位。选中后可在主面板勾选显示曲线标签文字,并在「高级功能区」设置阴影。
  • ⭕ 圆环双箭头:标注环形位置。支持调整为正圆或椭圆,并可设置开口角度(制作非闭合圆环)。选中后可在「高级功能区」设置阴影。

高级曲线与环形工具演示

选中项参数与高级功能区

右侧「选中项参数」面板用于编辑当前选中标注。面板底部的 高级功能区 默认折叠,需点击标题展开;仅当选中单个对象时 才会显示(多选时不显示)。

自由文本

分组 说明
文字样式 加粗 (B)、斜体 (I)、下划线 (U)、删除线 (S)
对齐方式 左对齐、居中、右对齐
字间距 单位 px,支持 0.1 步进
行间距 行高倍数(如 1.16)
文本背景 启用后可设置背景颜色
文本描边 启用后可设置描边颜色与宽度(px,0.1 步进)
字体阴影 启用后可设置阴影颜色、X/Y 偏移(-50 ~ 50 px)、模糊(0 ~ 50 px)

数值类输入(字间距、行间距、描边宽度、阴影偏移与模糊)在输入完成后按 Enter 或点击其他区域生效,避免输入过程中被自动修正打断。

矢量标注(双向箭头、量尺、虚线、单向箭头、曲线双箭头、圆环双箭头)

高级区仅显示「阴影」,不包含线条描边或文字排版项:

  • 启用阴影后可设置颜色、X/Y 偏移、模糊。
  • 主线、箭头、刻度、标签的颜色与线宽请在主面板「颜色」「大小」中调整。
  • 拖拽端点、旋转或修改开口角度等操作后,阴影仍作用于整组标注。

多选说明

同时选中多个标注时,高级功能区隐藏。若需设置阴影或文本样式,请单独选中某一个对象后再操作。

📂 文件管理与导出

  1. 导入图片:支持通过快捷键 Ctrl + V 或拖拽直接导入原始产品图。
  2. 保存工程 (.slab):保存后可保留所有矢量图层及样式。自由文本的排版、描边、背景、阴影会写入工程;各矢量标注的阴影设置也会保留。下次打开 .slab 可继续微调。
  3. 导出图片:支持导出为高画质的 PNGJPG 格式。
  4. 清空画布:点击「清除内容」按钮可一键重置画布。

⌨️ 快捷键指南

快捷键 功能说明
Ctrl + V 粘贴图片或 .slab 标注工程文件
Ctrl + 鼠标滚轮 画布缩放(5% ~ 3200%,100% = 原图 1:1 像素;打开时自动适配容器)
空格键(长按) + 左键拖拽 平移画布(在放大状态下快速定位)
Ctrl + Z 撤销上一步操作
Ctrl + Y 恢复刚刚撤销的操作
放大查看