Semantic Segmentation with Masks

Image segmentation using a brush and producing a mask.

Interactive Template Preview

Labeling Configuration

      
        html
        
        
      <View>
  <Image name="image" value="$image" zoom="true"/>
  <BrushLabels name="tag" toName="image">
    <Label value="Airplane" background="rgba(255, 0, 0, 0.7)"/>
    <Label value="Car" background="rgba(0, 0, 255, 0.7)"/>
  </BrushLabels>
</View>
    

      Open Preview
      Launch in Playground
    
    

About the labeling configuration

All labeling configurations must be wrapped in View tags.

Use the Image object tag to display the image and allow the annotator to zoom the image:

      
        xml
        
        
      <Image name="image" value="$image" zoom="true"/>

Use the BrushLabels control tag to apply brush masks to the image, using the Label tag to specify the value and color of the brush mask:

      
        xml
        
        
      <BrushLabels name="tag" toName="image">
  <Label value="Airplane" background="rgba(255, 0, 0, 0.7)"/>
  <Label value="Car" background="rgba(0, 0, 255, 0.7)"/>
</BrushLabels>

Related tags

• Image
• BrushLabels
• Label