RectangleLabels

The RectangleLabels tag creates labeled rectangles. Use to apply labels to bounding box semantic segmentation tasks.

Use with the following data types: image. Annotation results store the left top corner of the bounding box, read more about it and rotation in the Object Detection Template.

Parameters

Param	Type	Default	Description
name	string		Name of the element
toName	string		Name of the image to label
[choice]	single | multiple	single	Configure whether you can select one or multiple labels
[maxUsages]	number		Maximum number of times a label can be used per task
[showInline]	boolean	true	Show labels in the same visual line
[opacity]	float	0.6	Opacity of rectangle
[fillColor]	string		Rectangle fill color in hexadecimal
[strokeColor]	string		Stroke color in hexadecimal
[strokeWidth]	number	1	Width of stroke
[canRotate]	boolean	true	Show or hide rotation control. Note that the anchor point in the results is different than the anchor point used when rotating with the rotation tool. For more information, see Rotation.

Result parameters

Name	Type	Description
original_width	number	width of the original image (px)
original_height	number	height of the original image (px)
image_rotation	number	rotation degree of the image (deg)
value	Object
value.x	number	x coordinate of the top left corner before rotation (0-100)
value.y	number	y coordinate of the top left corner before rotation (0-100)
value.width	number	width of the bounding box (0-100)
value.height	number	height of the bounding box (0-100)
value.rotation	number	rotation degree of the bounding box (deg)

Example JSON

{
  "original_width": 1920,
  "original_height": 1280,
  "image_rotation": 0,
  "value": {
    "x": 3.1,
    "y": 8.2,
    "width": 20,
    "height": 16,
    "rectanglelabels": ["Car"]
  }
}

Example

Basic labeling configuration for applying labels to rectangular bounding boxes on an image

<View>
  <RectangleLabels name="labels" toName="image">
    <Label value="Person" />
    <Label value="Animal" />
  </RectangleLabels>
  <Image name="image" value="$image" />
</View>