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. |
Sample Results JSON
| 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>