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

点击快速访问： 产品尺码标注工具

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

🌟 核心功能

• 精准标注：轻松勾勒衣长、肩宽、袖长等细节，提升用户认知。
• 全矢量编辑：所有标注线段、箭头均支持二次调整，角度、长度随心掌控。
• 工程化管理：支持导出高清图片，并提供可二次编辑的 .slab 工程文件。
• 高级样式：自由文本支持富排版、文本描边/背景与字体阴影；双向箭头、量尺、虚线、单向箭头、曲线双箭头、圆环双箭头支持组级阴影；叠加图片与贴纸支持背景、边框与阴影。
• 内置贴纸库：从场景分类图标库中挑选贴纸插入画布，可着色贴纸支持统一改色，工程内以自包含 SVG 保存。
• 局部放大：框选底图细节区域，生成放大目标框与引出线，突出面料纹理、拉链、扣眼等局部。
• 标注复制粘贴：支持单选与多选复制（Ctrl + C），可粘贴到同一画布或其它标签页的画布（Ctrl + V）；多选组合可整体移动，并支持撤销/恢复。

📋 标注复制与粘贴

选中一个或多个标注后，可将它们复制到系统剪贴板，并在同一画布或其它浏览器标签页的画布上粘贴。

复制（Ctrl + C）

• 先用 [选择] 工具选中标注；框选多个对象时，会作为一组复制（含自由文本 + 箭头等混合选区）。
• 按 Ctrl + C 复制。成功后会提示 [画布组件] 已复制 (N)。
• 复制内容包含标注类型、位置、样式及相对布局，可跨标签页粘贴到另一张尺码标注画布。

粘贴（Ctrl + V）

Ctrl + V 会根据剪贴板内容自动处理：

粘贴位置规则

• 同一画布多次粘贴：每次在选区中心基础上沿对角线偏移 16 px（第 1 次 16 px、第 2 次 32 px……），便于区分副本。
• 跨画布 / 跨标签页粘贴：若鼠标指针在画布区域内，副本选区中心对齐鼠标；若指针不在画布上，则保持复制时的相对位置（无额外偏移）。
• 底图尺寸不同：跨尺寸粘贴时，字号等比例参数会自动换算，避免在新底图上过大或过小。

多选移动与撤销

• 框选多个标注后，可整体拖动移动位置。
• Ctrl + Z 撤销、Ctrl + Y 恢复，适用于移动、粘贴、删除、改色等操作；粘贴后移动再撤销，会先回到粘贴位置，再次撤销可删除粘贴的副本。

🛠 工具箱详解

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

左侧工具栏顺序为：选择、箭头（分组，右侧 ▾ 可展开）、量尺、虚线、文本、图片、贴纸、局部放大。

1. 基础工具

• 🖱 选择 (Select)：默认状态。用于框选、移动及点击选中已有的标注控件。框选多个对象时可整体拖动，也可 Ctrl + C 整组复制；右侧仅显示共有的基础参数（如颜色），不显示高级功能区。
• 🔤 自由文本 (Text)：在画布任意位置点击即可添加文字。支持在右侧调整内容、颜色、字体、大小和旋转角度；排版、描边、背景与阴影详见下文 选中项参数与高级功能区。
• 🖼 图片 (Image)：点击后选择本地图片，在当前视口中心放置为叠加标注（不会替换底图）。选中后可用角点缩放、面板旋转，并在「高级功能区」设置图片背景、边框与阴影。叠加图会写入 .slab（格式版本 1.5）。
• 🏷 贴纸 (Sticker)：点击后打开「内置图标 / 贴纸库」弹窗，可按场景分类浏览，或按名称搜索；点选图标后插入为叠加标注。可着色贴纸可用主面板「颜色」统一改色，多色贴纸保留原始配色。贴纸无去背景能力，仅可调透明度；工程内以自包含 SVG 保存，打开时不依赖图标库资源。参数详见下文 贴纸。
• 🔍 局部放大 (Magnifier)：在底图上「左键按下 → 拖拽 → 松开」框选源区域后，自动生成源框、放大目标框与引出线；完成后复位到 [选择] 工具。可分别拖动源框与目标框调整位置；倍率、形状、线宽等见下文 局部放大。

2. 线性标注工具

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

箭头工具组：工具栏仅显示一个箭头按钮（默认双向箭头）。点击主区启用当前箭头；点击右侧 ▾ 或在箭头按钮上右键，可展开悬浮菜单切换为单向箭头、曲线双箭头、圆环双箭头。切换后外层按钮会变为该工具，本页会话内记住最近选用项（刷新页面后恢复为双向箭头，不长期保存）。

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

3. 高级曲线与环形工具

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

选中项参数与高级功能区

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

自由文本

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

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

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

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

叠加图片

选中本地上传的叠加图片后，主面板显示旋转角度；可在画布上拖拽角点缩放。另提供独立折叠「一键去背景/透明度」，以及高级区样式：

• 一键去背景/透明度：启用后可按选取色去除背景（相似色调、仅匹配外部、边缘平滑），并调节整图透明度；开启时默认吸取左上角颜色并套用推荐参数。原图会保留在工程中，预览随参数实时变化，便于反复微调。
• 图片背景：启用后填充背景色。
• 图片边框：启用后设置边框颜色与宽度。
• 图片阴影：启用后设置阴影颜色、偏移与模糊。

贴纸

贴纸与叠加图片同属图片类标注，但行为有所区别：

• 颜色：可着色贴纸显示主面板「颜色」，用于统一改色；多色贴纸不提供统一着色，保留原始多色填充。
• 透明度：折叠区标题为「透明度」（无去背景控件），仅调节整图透明度。
• 旋转与缩放：与叠加图片相同，支持主面板旋转与画布角点缩放。
• 高级功能区：仍可设置背景、边框与阴影（与叠加图片一致）。

局部放大

选中局部放大标注后，主面板提供专用参数；边框与引出线颜色由主面板「颜色」控制。可在画布上分别拖动源框与目标框。

高级功能区显示放大框阴影：启用后可设置阴影颜色、X/Y 偏移与模糊。

多选说明

同时选中多个标注时，高级功能区隐藏。若需设置阴影或文本样式，请单独选中某一个对象后再操作。多选时仍支持整体移动、Ctrl + C 复制与 Ctrl + V 粘贴；撤销（Ctrl + Z）可逐步还原移动、粘贴等操作。

📂 文件管理与导出

1. 导入图片：支持通过快捷键 Ctrl + V 或拖拽导入。若画布已有内容，可选择替换为新的背景图（清空标注并重置尺寸）或作为贴图/Logo 插入（可移动与去背景）。
2. 复制 / 粘贴标注：选中标注后 Ctrl + C 复制，Ctrl + V 粘贴（详见上文 标注复制与粘贴）；Ctrl + V 也可粘贴图片或 .slab 工程。
3. 保存工程 (.slab)：当前写入版本为 1.5（仍可打开 1.1–1.4）。保存后可保留所有矢量图层、叠加图片、贴纸、局部放大及样式。自由文本的排版、描边、背景、阴影会写入工程；各矢量标注的阴影、叠加图片/贴纸的背景/边框/阴影与透明度、贴纸着色信息，以及局部放大的源/目标位置、倍率、形状、线宽等也会保留。下次打开 .slab 可继续微调。
4. 导出图片：支持导出为高画质的 PNG 或 JPG 格式。
5. 清空画布：点击「清除内容」按钮可一键重置画布。

⌨️ 快捷键指南

LZL Tool Apps - 让产品表达更简单