手册 · 02 — 编辑器 · Editor
截屏之后,标注排版拼贴一应俱全
四区接口、12 种标注工具 × 属性,自由组合出想要传递的消息或制作 prototype。
EDITOR · 点击各工具及区域查看功能简介。
此工具为画布/版面操作,无可调属性
粗细px
线条
圆角%
起点终点
不透明%
缩放比例
请拖动选取识别区域
遮蔽方式:区块:K = 全图 拖动 = 指定区域
请拖动选取区域
自定义样式
操作方式
- 点击标注对象以选取;点击空白处取消选取
- 空白处拖动可框选多个对象
- Shift+点击可逐一加选/取消对象
- 右键菜单可调整图层顺序(移到最前/最后/上移/下移)
- 绘制完成后自动切回选取工具
选取单一对象时
显示该对象的所有子属性(依对象类型而定),包含颜色、线宽、透明度、大小、阴影等属性。
智能对齐(磁吸)
\ 快速切换磁吸开关- 蓝色线:对象边缘/中心对齐提示线
- 红色线:等距参考线,显示对象间距是否相等
- Alt+拖动:暂时跳过磁吸,自由放置对象
选取复数对象时(多选模式)
显示对齐工具栏:
齐左对齐最左边对象的左缘
水中水平置中
齐右对齐最右边对象的右缘
齐上对齐最上方对象的上缘
垂中垂直置中
齐下对齐最下方对象的下缘
水均水平均分间距
垂均垂直均分间距
对齐中线对齐画布中心线
↔水平镜像
↕垂直镜像
操作方式
- 拖动框选像素区域
- 框选后可将该范围的图片内容拷贝粘贴,成为新的对象
属性
颜色线宽(px)线条样式(实线/虚线)端点样式(无/箭头/圆点/方形)笔画描边色透明度阴影
操作方式
- 拖动绘制直线;Shift+拖动锁定 90° 直角
- 选取后拖动中间控制点可转为贝兹曲线
- 折线模式下,双击结束绘制
属性
颜色线宽线条样式(实线/虚线)起端样式(无/箭头/圆点)末端样式(无/箭头/圆点)直角折线模式水平镜像垂直镜像笔画描边色透明度阴影
操作方式
- 拖动绘制外框
- Shift+拖动锁定正方形/圆形(椭圆框同样支持)
属性
颜色线宽圆角半径(矩形适用,0–100%)线条样式(实线/虚线)描边色位移水平镜像垂直镜像透明度阴影
属性
填色(纯色/渐变)渐变两端颜色渐变角度转盘(0–360°)支持透明色圆角半径(矩形适用,0–100%)边框宽度边框颜色线条样式(实线/虚线)透明度阴影
操作方式
- 点击画布放置文字框
- Enter 换行;Shift+Enter 确认
- 双击已有文字可重新编辑
属性
颜色字体字级(8–400 px)粗体 / 斜体 / 底线 / 删除线对齐(左/中/右)文字描边(可输入数值,提供快捷下拉)文字背景色+透明度阴影
属性
尺寸(小/标准/大)颜色样式(圆点/圆圈/实心圆/罗马数字/中文圆括号/中文圆圈)描边粗细描边颜色阴影重置编号
操作方式
点击画布放置符号;从浮动面板挑选符号类别与图案。
符号分类
形状字母(圆圈体/全角/粗体/粗斜体/花体)箭头其他(标记/货币/数学/技术符号)
操作方式
- 拖动框选区域,立即套用遮蔽效果
- 套用后可切换至选取工具调整范围大小或删除对象,以补偿自动识别遮蔽的不足
属性
模式(马赛克/模糊)马赛克区块尺寸(4 / 8 / 16 / 32 px)模糊半径(4 / 8 / 16 / 24 px)
操作方式
- 拖动创建来源框,旁边自动产生放大预览框
- 预览框即时反映来源框内容,可创建多个互不干扰
- 支持移动、handle 缩放
操作方式
- 拖动创建气泡框,尾巴方向依位置自动判断(上/下/左/右)
- 双击气泡进入文字编辑模式
- 支持旋转与缩放;缩放时文字同比例调整
属性
字体大小字体颜色背景色边框色圆角粗体斜体底线删除线阴影
操作方式
- 拖动选取区域,自动识别范围内的文字(支持中英文)
- 识别结果显示于浮动面板,提供「拷贝文字」按钮
全版本Electron 使用 Vision Framework,Tauri 另支持五层检测
操作方式
- 按 K 对全图扫描;或拖动指定范围后扫描
- 自动检测并遮蔽:身份证号(18 位)、手机号、统一社会信用代码、银行卡号、电话、Email、IPv4/IPv6、API Token、密码、联系人、负责人 等
- 套用后可切换至选取工具微调或删除遮蔽对象
属性
模式(马赛克/模糊)马赛克区块尺寸(8 / 16 / 24 / 32 px)模糊半径(4 / 8 / 16 / 24 px)
操作方式
以光标为中心放大画面,范围 10%–400%。
缩放比例快捷菜单
10%25%50%75%100%150%200%300%400%
画布导航
- Space+拖动:平移画布
- 触摸板双指缩放:以光标为中心缩放
- ⌘0:重置至适合窗口大小
操作方式
以光标为中心缩小画面,范围 10%–400%。
画布导航
- Space+拖动:平移画布
- ⌘0:重置至适合窗口大小
画布导航
- Space+拖动:平移画布
- 触摸板双指缩放:以光标为中心缩放
操作方式
- 拖动创建裁切框,8 个控制点可调整范围
- 方向键微调 1 px;Shift+方向键 10 px
- 双击画布或点击确认按钮完成裁切
操作方式
- 打开 popup 窗口,输入目标宽度
- 高度依比例自动计算,所有标注对象同步等比缩放
- 范围:1–8192 px
操作方式
- 打开 popup 窗口,选择延伸方向(九宫格方向盘)
- 输入延伸距离(px),背景固定白色
- 窗口下方显示延伸后的尺寸预览
操作方式
- 点击后打开文件选择器,选取图片叠加于画布上
- 可拖动移动位置,8 个控制点缩放
- 作为浮动对象持续存在,拖动导出时自动合并至底图
支持格式
JPGPNGWebPGIF(第一帧)SVG
操作方式
- 打开模板面板,选择渐变背景样式套用
- 提供 6 款:Apple 红/橙/黄/绿/蓝/紫
- 支持撤销还原
属性
留白(2–30%)圆角(0–10)阴影(0–10)
社群媒体尺寸默认
LinkedIn(1200×627)Instagram 1:1(1080×1080)Instagram 4:5(1080×1350)X(1600×900)
⌘Z撤销:回到上一步操作
⌘⇧Z重做:重做已撤销的操作
拖动导出
主要功能菜单左侧垂直工具栏。点工具切换,目前使用中的工具以蓝色高亮。
子属性调整菜单顶部工具栏,依所选工具动态更换,可调颜色、粗细、透明度、线条样式等属性。
动态导出按钮右下角浮动钮,可拖动移位(对应左右撇子),完成后拖到目标 App 即导出。
状态栏与磁吸开关左下角:目前缩放比例、画布尺寸,与磁吸对齐智能导线开关。
炼金配方
VAS 把工具拆得很小。每一个只做一件事——但属性可以叠。
- 文字 × 底色 → 萤光笔
- 文字 × 透明 + 外框 → 透明字
- 框线 × 虚线 + 粗细 → 审稿红圈
- 线条 × 直角 + 虚线 → 流程连接
- 色块 × 渐变 + 低不透明 → 渐隐遮罩
- 气泡对话框 × 马赛克 → 漫画风迷因
你组合出来的配方,是属于你的表达语汇。
→ 也是属于你跟 VAS 的 Inside Language
Tauri 专属自定义样式 · 把配方存起来
配方不必只活在这一次截屏里。调出完美的那一刻——把它收进你的柜子,下次一个右键就唤回。
- 添加——在调好的标注上按右键,选「添加为自定义样式」,一按就存好,自动命名为「样式X」。不打断你的当下,要叫什么可以晚点再说。
- 套用——画布上任何现有标注按右键,直接套上一个已存盘的样式。
- 取代——反过来,把当前标注在场上调到满意,直接覆写某个已存盘的样式——改样式内容就靠这招:不另开编辑接口,调好即替换,让配方跟着你进化。
- 编辑——在自定义样式下拉菜单选「编辑样式」,只保留改名与删除,整理你的柜子。
✦ 许愿新元素