前言¶
在 DSH(DeepSeek Harness)中发送截图时,通常需要先圈出重点。由于编辑器中的待定图片仅支持预览,圈画往往需要在其他应用中进行,处理完后再重新附加文件。这个插件将这一步骤直接移到了编辑器内部。
下面介绍 dsh-image-annotate 插件的功能、安装方式与使用方法。
简介¶
dsh-image-annotate 是一个 DSH web 插件,由 janewas 维护,采用 MIT 许可证。它的核心功能是:点击待定图片即可打开标注对话框,支持画笔、方框、箭头和可移动/调整大小的文字框工具,并将标注后的 PNG 作为新附件插入,原图片保持不变。
插件不重置 DSH 的 UI,最小化占用空间,且无依赖、无配置文件。
安装与启用¶
安装前请确保 DSH 版本为 0.1.5-rc.1 或兼容版本。
使用官方推荐的 GitHub 方式安装:
dsh plugin --profile web add github:janewas/dsh-image-annotate
安装命令会将插件添加到配置文件中,插件会通过自身的 cordis.patch.yml 进行挂载。由于配置列表在启动时读取,安装后请重启 dsh web。
核心功能¶
该插件主要提供以下能力:
- 点击交互:点击待定图片的缩略图,打开标注对话框,而非原本的预览灯箱。
- 绘图工具:提供四种工具
- 画笔:自由绘制。
- 方框:拖拽绘制边框。
- 箭头:拖拽绘制箭头。
- 文字:拖拽创建文字框,点击创建默认大小框。
- 文字框特性:
- 移动与调整大小:使用文字工具时,拖拽框体移动,拖拽 8 个手柄调整大小。文字会根据框的大小自动重排(自动换行),框体不会缩小到文字无法显示的最小可读尺寸。
- 编辑与删除:双击框内文字可修改(清空文字即删除框),选中后按 Delete 键删除。支持 Ctrl/Cmd+Z 撤销移动、调整大小、修改文字或删除操作。
- 样式:支持矩形、圆角、椭圆三种形状,以及透明、底纹、实心三种填充方式,使用当前选定的颜色。
- 样式选项:提供 6 种颜色(红、黄、绿、蓝、白、黑)和 3 种线宽(细、中、粗)。
- 操作控制:支持撤销(按钮或 Ctrl/Cmd+Z)、清除和关闭(Esc 或点击背景)。
- 结果输出:点击「插入到输入框」后,标注后的 PNG 作为新附件插入,原图片保留。
使用步骤¶
操作流程如下:
- 将图片添加到编辑器(拖拽或使用回形针)。
- 点击图片的缩略图,打开标注编辑器,图片以全尺寸显示。
- 选择工具、颜色和线宽。如果是文字工具,拖拽创建框并输入内容。
- 点击「插入到输入框」。标注后的 PNG 会出现在附件栏末尾,原图片依然存在。
工具交互说明¶
| 操作类型 | 交互方式 |
|---|---|
| 画笔 | 拖拽绘制自由线条 |
| 方框 | 拖拽从一角到另一角 |
| 箭头 | 拖拽从尾部到头部 |
| 文字 | 拖拽创建框体,点击创建默认大小框 |
| 移动/调整文字框 | 使用文字工具时,拖拽框体移动,拖拽手柄调整大小 |
| 编辑/删除文字框 | 双击输入文字,选中后按 Delete 删除 |
设置¶
进入 设置 → 图片标注 页面进行配置。设置会保存在浏览器的 localStorage 中(键名为 dsh-image-annotate.settings.v1),仅对当前浏览器和源站有效。
主要配置项包括:
| 设置项 | 默认值 | 效果 |
|---|---|---|
| 启用点击编辑 | on | 总开关。关闭后点击缩略图恢复默认行为。 |
| 默认工具 | pen | 对话框打开时预选的工具。 |
| 默认颜色 | red | 笔、框、箭头和文字的起始颜色。 |
| 默认线宽 | medium | 笔、框、箭头的线宽。 |
| 文字框形状 | rounded | 新建文字框的形状(矩形/圆角/椭圆)。 |
| 文字框底纹 | tinted | 填充模式(透明/底纹/实心)。 |
| 插入方式 | append | 追加模式保留原图;替换模式会移除原图。 |
| 标注图文件名 | 标注 | 输出文件名前缀,格式为 <前缀>-<后缀>.png。 |
生态背景¶
DeepSeek Harness 的理念是「一切皆插件」。社区目录(如 skillhub.cn)收录了各类插件,与 DeepSeek 或幻方官方无直接从属关系。本文仅介绍插件本身的功能与使用方式。