# 图像标注工具 - 允许您在预览器中对图像进行标注

**URL:** <https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936>\
**Category:** Theme component\
**Tags:** pr-welcome\
**Created:** [2020 年8 月 24 日 19:43 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936 "2020-08-24T19:43:08Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

作者： ![chz062009](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chz062009/32/186306_2.png) [@chz062009](https://meta.discourse.org/u/chz062009)\
发布日期： [2020 年8 月 24 日 19:43 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/1 "2020-08-24T19:43:08Z")

</div>

大家好，

我与队友 @vliboolean1010 很高兴向大家介绍新创建的 Discourse 主题组件——图像标注器（Image Annotator）。

每当您在编辑器中点击图像时，将激活以下功能：

- 添加方框、形状、箭头和文本
- 高亮或遮盖图像的某些部分
- 选择并更改标注的颜色
- 点击保存后，标注图像将自动更新
- 支持包括 Safari、Firefox、Chrome 和 iOS Safari 在内的浏览器
- _（图像裁剪功能正在开发中）_

## 安装界面

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/a/aacf73cc895c85c09aac21d43f37da954deb2b39.png)

> **仓库：** [GitHub - discourse/discourse-image-annotator: image annotation theme component · GitHub](https://github.com/discourse/discourse-image-annotator)

## 演示视频

---

_[View the full topic](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936)._