field.image-annotation

Компонент для разметки изображений.

В интерфейсе доступно выделение областей точками, прямоугольниками и полигонами (многоугольниками). С помощью свойства shapes вы можете настроить доступные пользователю режимы разметки.

Если вам нужно разделять выделяемые объекты по категориям, для классификации создайте метки с помощью свойства labels.

Вы можете отключить работу с разметкой с помощью свойства disabled. Например, если вам нужно создать задание для проверки уже выполненной разметки или вы хотите разрешить разметку только после выполнения определенного условия.

Посмотреть пример в песочнице.

Свойства компонента

НазваниеТипОписание
type*"field.image-annotation"

Задает тип компонента.

data*writable

Данные, значения которых будут обработаны или изменены.

labelstring

Надпись над компонентом.

disabledboolean

Определяет, разрешено ли добавление и удаление областей:

  • false (по умолчанию) — разрешено;
  • true — запрещено.

Пригодится при создании интерфейса для проверки корректности разметки или если вам нужно разрешить выделение только при выполнении определенного условия.

fullHeightboolean

Если true, элемент занимает все свободное пространство по вертикали. При этом элементу устанавливается минимальная высота 400 пикселей.

hintstring

Текст подсказки.

image*string

Изображение, на которой нужно выделить области.

labelsarray

Метки для классификации областей.

Каждый элемент массива создает в интерфейсе кнопку для выбора метки.

Если вы используете метки, их нужно добавить как минимум две.

labels[]object

Элемент массива с метками.

labels[].label*string

Текст на кнопке выбора метки.

labels[].value*string

Значение, соответствующее метке, которое передается в выходных данных.

minWidthnumber

Минимальная ширина элемента в пикселях. Имеет приоритет над maxWidth.

ratioarray

Массив из двух чисел, устанавливающий относительные размеры сторон: ширины (первое число) к высоте (второе число).

Не действует, если "fullHeight": true.

ratio[]number

Относительный размер одной стороны.

shapesobject

Настройка режимов разметки, доступных пользователю.

По умолчанию доступны все три режима выделения: точками, прямоугольниками и полигонами (многоугольниками).

Пользователю будут доступны режимы со значением true.

shapes.pointboolean

Разметка точками.

shapes.polygonboolean

Разметка полигонами (многоугольниками).

shapes.rectangleboolean

Разметка прямоугольниками.

validationcondition

Валидация на основе условия (condition).

НазваниеТипОписание
type*"field.image-annotation"

Задает тип компонента.

data*writable

Данные, значения которых будут обработаны или изменены.

labelstring

Надпись над компонентом.

disabledboolean

Определяет, разрешено ли добавление и удаление областей:

  • false (по умолчанию) — разрешено;
  • true — запрещено.

Пригодится при создании интерфейса для проверки корректности разметки или если вам нужно разрешить выделение только при выполнении определенного условия.

fullHeightboolean

Если true, элемент занимает все свободное пространство по вертикали. При этом элементу устанавливается минимальная высота 400 пикселей.

hintstring

Текст подсказки.

image*string

Изображение, на которой нужно выделить области.

labelsarray

Метки для классификации областей.

Каждый элемент массива создает в интерфейсе кнопку для выбора метки.

Если вы используете метки, их нужно добавить как минимум две.

labels[]object

Элемент массива с метками.

labels[].label*string

Текст на кнопке выбора метки.

labels[].value*string

Значение, соответствующее метке, которое передается в выходных данных.

minWidthnumber

Минимальная ширина элемента в пикселях. Имеет приоритет над maxWidth.

ratioarray

Массив из двух чисел, устанавливающий относительные размеры сторон: ширины (первое число) к высоте (второе число).

Не действует, если "fullHeight": true.

ratio[]number

Относительный размер одной стороны.

shapesobject

Настройка режимов разметки, доступных пользователю.

По умолчанию доступны все три режима выделения: точками, прямоугольниками и полигонами (многоугольниками).

Пользователю будут доступны режимы со значением true.

shapes.pointboolean

Разметка точками.

shapes.polygonboolean

Разметка полигонами (многоугольниками).

shapes.rectangleboolean

Разметка прямоугольниками.

validationcondition

Валидация на основе условия (condition).