# Аннотатор изображений — позволяет добавлять аннотации к изображениям в предпросмотре
**URL:** https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936
**Category:** Theme component
**Tags:** pr-welcome
**Created:** [24.Август.2020 19:43:08 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:** 20
**Page:** 3
### Author:  [@cmdntd](https://meta.discourse.org/u/cmdntd)
#### Post date: [05.Ноябрь.2021 03:02:44 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/51 "2021-11-05T03:02:44Z")
Попробуйте нажать «Выйти», чтобы завершить работу с текущим инструментом редактирования, прежде чем сохранять изображение.
---
### Author:  [@cmdntd](https://meta.discourse.org/u/cmdntd)
#### Post date: [05.Ноябрь.2021 04:03:27 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/52 "2021-11-05T04:03:27Z")
Похоже, это зависит от абзаца или изображения под текущим изображением. Если содержимое рядом с изображением отсутствует (или это заголовок), действие не может быть выполнено или следующее изображение не может быть заменено.
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [26.Июнь.2022 10:48:28 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/55 "2022-06-26T10:48:28Z")
Этот TC великолепен, но я заметил ошибку в консоли браузера, которая, похоже, связана с ним:
Однако он всё ещё работает, так что это не проблема.
Также я задаюсь вопросом, не было бы лучше, если бы опции обрезки и редактирования лучше интегрировались с новой функцией «редактировать заголовок», возможно, с добавлением одной-двух иконок рядом с ними. Немного возникает конфликт: при наведении появляется один набор опций, а при клике — другой!
> 
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [26.Июнь.2022 13:34:26 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/56 "2022-06-26T13:34:26Z")
Редактирование работает, но изменения не сохраняются, и я получаю эту ошибку, связанную с CSP:
```plaintext
Сообщение
Нарушение политики CSP: 'eval'
(a=0)=>{let b;const c=class{};}
Стек вызовов
/var/www/discourse/app/controllers/csp_reports_controller.rb:14:in `create'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/action_controller/metal/basic_implicit_render.rb:6:in `send_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/abstract_controller/base.rb:215:in `process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/action_controller/metal/rendering.rb:53:in `process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/abstract_controller/callbacks.rb:234:in `block in process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/activesupport-7.0.3/lib/active_support/callbacks.rb:118:in `block in run_callbacks'
/var/www/discourse/app/controllers/application_controller.rb:415:in `block in with_resolved_locale'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/i18n-1.10.0/lib/i18n.rb:328:in `with_locale'
/var/www/discourse/app/controllers/application_controller.rb:415:in `with_resolved_locale'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/activesupport-7.0.3/lib/active_support/callbacks.rb:127:in `block in run_callbacks'
```
Я пробовал на iPad и iPhone, и у меня используется S3 — возможно, это как-то влияет.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [05.Июль.2022 05:52:14 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/57 "2022-07-05T05:52:14Z")
Ситуацию с CSP можно решить с помощью новых шаблонов, использованных в:
> [@Discourse svgbob](https://meta.discourse.org/t/discourse-svgbob/223573):
>
> information_sourceSummary Discourse svgbob allows you to include ASCII diagrams in your Discourse posts that are rendered as SVGseyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/svgbob)hammer_and_wrenchRepository Link [https://github.com/SamSaffron/discourse-svgbob](https://github.com/SamSaffron/discourse-svgbob)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features For example: ```svgbob height=54 +--------+ +------------+ | A Box |-----\>| Anot…
Будем рады увидеть PR, который внедрит это.
---
### Author:  [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [20.Ноябрь.2022 04:38:39 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/58 "2022-11-20T04:38:39Z")
Привет, очень полезный компонент. Можно ли добавить возможность кадрирования изображения по кругу?
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 10:50:27 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/59 "2023-01-22T10:50:27Z")
Это невероятно крутой компонент для любого сообщества!
Пока что это пригодится для создания форумных руководств о том, как работают функции!
Огромное спасибо за эту по-настоящему безумную и богатую на функции идею!
🖖🤩🍻
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [22.Январь.2023 11:05:13 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/60 "2023-01-22T11:05:13Z")
> [@Dan DeMontmorency](#):
>
> На данный момент это пригодится для создания руководств по форуму о том, как работают функции!
Вы пробовали использовать это с мобильного устройства?
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 11:19:31 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/61 "2023-01-22T11:19:31Z")
Да, в тестовом режиме это работает в какой-то степени.
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [22.Январь.2023 11:21:37 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/62 "2023-01-22T11:21:37Z")
Это мило. Возможно, мне стоит попробовать ещё раз. Потому что прошлым летом это не работало ни на продуктах Apple, ни на Android.
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 11:26:00 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/63 "2023-01-22T11:26:00Z")
Обрезка и некоторые функции работают хорошо. Однако рисование пером, возможно, не сработает.
Я использую Android. Я нажал в окне предварительного просмотра, чтобы кликнуть по изображению.
---
### Author:  [@jo-andre](https://meta.discourse.org/u/jo-andre)
#### Post date: [22.Январь.2023 11:26:51 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/64 "2023-01-22T11:26:51Z")
Похоже, что после использования плагина изображение сжимается. Или качество каким-то образом ухудшается.
Также плагин убирает лайтбокс у отредактированных изображений, думаю, это и есть проблема. Полное изображение не загружается, когда лайтбокс отключен.
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [22.Январь.2023 11:28:07 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/65 "2023-01-22T11:28:07Z")
Так что вы говорите, что основные части инструмента аннотации на самом деле не работают 😉
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 11:33:52 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/66 "2023-01-22T11:33:52Z")
Вполне возможно. По крайней мере, в отношении рисования.
Добавление текста при кадрировании создаёт квадраты? Хотя, похоже, это работает. Как уже упоминалось, это очень быстрый тест.
Достаточно просто ввести эту функцию в объявлении, указав, что мобильная версия имеет ограничения, и для наилучшего опыта рекомендуется использовать настольный ПК.
🍻😉
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 11:34:49 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/67 "2023-01-22T11:34:49Z")
Если вы используете мобильное устройство, это может быть ограничением из-за размера изображения.
---
### Author:  [@jo-andre](https://meta.discourse.org/u/jo-andre)
#### Post date: [22.Январь.2023 11:38:54 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/68 "2023-01-22T11:38:54Z")
После использования функции редактирования работа lightbox отключается.
Возможно, это связано также с использованием на мобильных устройствах.
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 11:45:51 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/69 "2023-01-22T11:45:51Z")
Хорошо это знать, определённо нужно больше тестирования, и, при необходимости, ограничить доступ к десктопной версии, сохраняя мобильную доступность в тайне от нештатных сотрудников. Возможно.
Спасибо за предоставленные тестовые отзывы.
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [22.Январь.2023 11:57:09 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/70 "2023-01-22T11:57:09Z")
Я провёл короткую и быструю тестовую проверку. В окне редактирования масштаб изображения изменяется неправильно, но я смог сделать все необходимые аннотации — обрезку я не пробовал. Однако… сохранились только мои правки, а само изображение было утеряно.
Так что я всё ещё считаю этот компонент нерабочим.
Конечно, возможно, изображение было слишком большим, и проблема в CDN через S3, но в любом случае — если эти ограничения верны, то это… слишком ограничительно.
Давайте будем честны. Это то же самое, что базовая запись аудио и видео. Такие инструменты нужны только для ограниченного числа десктопов, поскольку все мобильные устройства могут делать всё нативно.
Так что, возможно, стоит добавить тег `#desktop-only`?
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [22.Январь.2023 17:10:33 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/71 "2023-01-22T17:10:33Z")
Очень хороший вариант. Я пока не тестировал это на десктопе. Предполагаю, что всё работает как задумано?
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [22.Январь.2023 19:10:54 UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/72 "2023-01-22T19:10:54Z")
> [@Dan DeMontmorency](#):
>
> Я ещё не тестировал это на настольном компьютере
Я тоже. В наши дни я пользуюсь настольным компьютером крайне редко, так как мне нужен он только для редактирования аудио. Мне нужно будет попробовать это в ближайшее время.
[Предыдущая страница](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936.md?page=2)
[Следующая страница](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936.md?page=4)