Keypoint Labeling
![](/images/templates/keypoints.png)
If you want to identify specific key points for facial recognition and other use cases, use this template to perform key point labeling on images.
Interactive Template Preview
Labeling Configuration
<View>
<KeyPointLabels name="kp-1" toName="img-1">
<Label value="Face" background="red" />
<Label value="Nose" background="green" />
</KeyPointLabels>
<Image name="img-1" value="$img" />
</View>
About the labeling configuration
All labeling configurations must be wrapped in View tags.
Use the KeyPointLabels control tag to add the option to draw labeled key points:
<KeyPointLabels name="kp-1" toName="img-1">
Use the Label control tag with the KeyPointLabels to specify the value and color of the key points:
<Label value="Face" background="red" />
<Label value="Nose" background="green" />
</KeyPointLabels>
Use the Image object tag to specify the image key:
<Image name="img-1" value="$img" />