🖍️ 在线截图标记工具

在截图上添加矩形框、圆形框、直线、箭头、高亮区域和文字标注,支持撤销与清空,一键导出 PNG,全程浏览器本地处理

点击上传截图、拖拽截图到此处,或直接粘贴截图开始标记

在线截图标记工具使用说明

在线截图标记工具可以直接在截图、图片或屏幕录制画面上添加矩形框、圆形框、直线、箭头、高亮区域和文字说明,适合制作教程截图、产品反馈图、问题说明图和工作沟通图片。上传截图、选择标记类型、拖动绘制、下载图片,四步即可完成。

五步完成截图标记

  1. 第一步:上传截图。点击上传区域选择截图,也可以将截图拖到上传区域,或在任意位置复制截图后按 Ctrl+V 直接粘贴。
  2. 第二步:选择标记类型。支持矩形框、圆形框、直线、箭头、高亮区域和文字六种常用标记,能够突出按钮、数据、错误位置和操作区域。
  3. 第三步:设置标记样式。选择标记颜色和线条宽度;使用文字标记时,先在「标记文字」输入框填写要添加的文字。
  4. 第四步:绘制标记。在截图上按住鼠标从起点拖动到终点绘制图形,箭头会自动指向鼠标释放的位置;文字标记直接点击需要放置的位置即可。
  5. 第五步:下载结果。点击「下载标记图片」保存 PNG 图片;画错了可以「撤销上一步」或「清空标记」后重新绘制。

六种标记的适用场景

  • 矩形框:框选按钮、报错弹窗、菜单项等矩形区域
  • 圆形框:圈注图标、小控件等不规则分布的重点
  • 直线:连接或指示两个位置之间的关系
  • 箭头:指明点击顺序、操作方向和数据流向
  • 高亮区域:用半透明颜色覆盖强调整片重点内容
  • 文字:补充操作步骤、备注和修改意见

隐私说明

截图会在浏览器 Canvas 中完成绘制和导出,不需要上传到服务器,关闭页面后所有数据即消失,适合处理包含工作内容和个人信息的截图。

常见问题(FAQ)

支持哪些图片格式?

支持浏览器可以读取的常见 PNG、JPG、WebP、GIF、BMP 和 SVG 图片。导出结果统一为 PNG,能够较好保留截图清晰度。

如何添加文字标注?

选择「文字」标记类型,在「标记文字」输入框填写内容后,在截图上点击需要放置文字的位置即可。

可以修改已经添加的标记吗?

当前支持撤销上一步和清空全部标记。如果需要修改较早的标记,可以撤销到对应步骤后重新绘制。

箭头和直线的方向如何设置?

按住鼠标从起点拖动到终点即可,箭头会自动指向鼠标释放的位置。

截图会上传到服务器吗?

不会。图片读取、标记绘制和下载均在浏览器本地完成,服务器不经手任何截图数据。