企业官网建设流程全解析

Screendrop非破坏性标注教程：10种绘图工具+智能打码，随时可改不毁原图

【免费下载链接】ScreendropA beautiful screenshot + screen recording + Loom alternative - all native, self hostable and free.项目地址: https://gitcode.com/gh_mirrors/sc/Screendrop

Screendrop 是一款完全免费、可自托管的 macOS 原生截图与屏幕录制工具，它的标注编辑器采用非破坏性设计：原始截图始终保持干净，所有标注、打码、背景效果都保存在独立的.screendrop旁车文件中，随时可以重新打开修改或删除，真正做到"标注了也能改，原图永远不毁"。本教程带你快速上手它的 10 种绘图工具和智能打码功能。

准备工作：安装并打开标注编辑器

📥 如果你还没有安装 Screendrop，可以通过 Homebrew 一行命令安装：

brew install --cask fayazara/tap/screendrop

也可以从仓库的发布页下载 DMG 安装包（需要 macOS 26.4 或更新版本）。源码仓库可克隆到本地查看：

git clone https://gitcode.com/gh_mirrors/sc/Screendrop

进入标注编辑器的两条路径：

1. 从浮动预览卡片：截图后屏幕角落会出现预览卡片，点击Annotate（标注）按钮即可进入编辑器；
2. 从 Library 图库：在资源管理器中双击截图按Space预览，点击Edit同样打开标注编辑器；也可以在Settings → Screenshots中把"打开标注编辑器"设为截图后的默认动作。

编辑器支持完整缩放：⌘1适配画布、⌘0实际大小、⌘+/⌘−放大缩小，最大可放大到 1000%。

非破坏性标注：原图为什么永远不会被改坏？

这是 Screendrop 标注系统最核心的设计理念，也是它与"直接保存成一张新图"式工具的本质区别：

• 基图永存：编辑器始终保留一张未动过的原始底图（保存在同目录下的baseImageFileName指向的文件中），所有绘制都发生在"叠加层"上；
• 状态独立存储：你的每个形状、箭头绑定、背景设置都序列化为一份可编辑的 AnnotationDocument.swift 文档，以<图片名>.screendrop旁车文件的形式写在一旁；
• 随时回炉：再次打开已标注的截图时，Screendrop 会自动恢复底图 + 全部标注 + 背景设置，继续编辑时不会把旧标注"烤"进底图——提交逻辑见 AnnotationEditorModel.swift；
• 导出才是最终渲染：只有当你保存或上传时，才会在内存中把底图和所有形状合成出全分辨率成品图。

简单说：你可以画错、画多、想反悔——删除形状、撤销重做、调整颜色，原图纹丝不动。

10种绘图工具逐个上手

工具定义在 AnnotationTool.swift 中，一共 12 个选项（含选择工具和两种手动打码），其中可创建标注的绘图工具正好 10 种，逐一介绍：

使用技巧：

• 颜色与线型：矩形、实心矩形、圆形、直线、箭头、手绘、编号圆标、文本都支持调色板选色（AnnotationSwatch.swift）；
• 文本控制：文本工具支持字体、字重、对齐、字号四组控制（AnnotationEditorTextStyle.swift）；
• 聚光高亮：画一个区域即可让区域外整体变暗，做"聚焦讲解"效果特别好用；
• 多边形约束：矩形、实心矩形、圆形、高亮都支持锁定宽高比，拖拽时按住即可画正方形/正圆。

编号圆标：教程截图的利器

给步骤图加 ① ② ③ 圆标是写教程的高频需求。Screendrop 的编号圆标会自动递增序号，且数字始终居中于圆内——项目文档中专门展示过这项居中优化：

选中、移动与撤销

• Select（选择）工具可以移动、缩放任意已画形状，支持框选多元素批量操作、按Delete删除；
• 完整的撤销/重做栈覆盖所有操作，包括裁剪——裁剪也会把已有标注重新映射到新坐标系，并参与撤销（见 AnnotationCropModels.swift）；
• ⌘A全选、⌘Z撤销，快捷键处理逻辑在 AnnotationKeyboard.swift。

智能打码：一键识别敏感信息

手动拖马赛克很麻烦，Screendrop 提供了Smart Redaction（智能打码）：一键扫描整张截图，自动找出敏感文本并打上打码。

它都能识别什么？

识别引擎在 SmartRedactionRecognizer.swift 中内置了一组本地正则规则 + 校验函数：

• 📧 邮箱地址
• 🔗 URL / 网址（含www.）
• 🌐 IPv4 地址
• 📱 电话号码（8–15 位数字）
• 💳 银行卡号（13–19 位，且通过Luhn 校验，避免误伤普通长数字）
• 🔑 API Key / Token（sk-、pk-、ghp_、AKIA、AIza等前缀，以及 24 位以上不透明凭证串）
• 🏷️ 键值对：password:、token =、api key等后面的值部分
• 🌍 域名（xxx.xxx.xxx形式）

整个过程由系统 Vision 框架在本机完成 OCR 识别，文字不离开你的 Mac，且识别过程可随取消操作立即中断。

三步完成智能打码

1. 打开标注编辑器，在右侧检查器面板点击Smart Redaction（AnnotationInspector.swift）；
2. 等待扫描完成，看到 "Added N redactions" 提示，敏感区域自动出现打码；如果没有任何发现，会提示 "No sensitive text found"；
3. 打码块和普通形状一样可编辑：用选择工具移动、缩放、调整马赛克/模糊密度，或者干脆删掉某个误报的块。

手动打码与智能打码可以混用：智能打码漏掉的角落，再用 Pixelate / Blur 工具补一笔即可。

加分项：裁剪、背景与预设

标注只是开始，Screendrop 让一张截图直接变成"成品图"：

• 全分辨率裁剪：支持自由裁剪及1:1、16:9、9:16、4:3、3:2预设，标注会随裁剪自动重定位；
• 背景与壁纸：纯色、渐变、自定义图片、可下载壁纸包，可调内边距、圆角、阴影；
• 边框与水印：给截图加一圈可配置实色边框，或平铺文字水印；
• 背景预设：把配色、渐变、布局、水印等保存为.screendroppreset文件，在多台 Mac 之间导入导出，见 AnnotationBackgroundPresetStore.swift。

所有效果在编辑器里保持实时可再编辑，不会被压平进源图——这和非破坏性标注是同一个哲学。

常见问题 FAQ

Q：保存后还能继续改标注吗？能。只要.screendrop旁车文件和底图都在，重新打开就会恢复全部标注状态；Library 中"移到废纸篓"时会一并清理编辑数据。

Q：智能打码会上传我的截图吗？不会。识别完全在本机由 macOS Vision 框架完成，无网络请求。

Q：打错了能反悔吗？可以。所有形状支持选择、移动、缩放、删除，撤销重做栈完整覆盖；智能打码添加的块也受同一套操作控制。

Q：从 Finder 直接打开图片标注，原图会被修改吗？不会。Screendrop 会先复制一份副本进 Library 再打开编辑器，原始文件绝不改动。

总结

Screendrop 的标注编辑器把"非破坏性"做到了底：10 种绘图工具 + 智能打码 + 可逆裁剪与背景，全部以旁车文件形式叠加在永不改动的原图之上。对需要频繁制作教程截图、内部沟通配图、隐私敏感场景（打码密码/密钥/卡号）的用户来说，这是一套免费、本地优先且随时可反悔的完整方案。现在就可以截一张图，点一下 Annotate，试试那个一键智能打码了。

【免费下载链接】ScreendropA beautiful screenshot + screen recording + Loom alternative - all native, self hostable and free.项目地址: https://gitcode.com/gh_mirrors/sc/Screendrop