基于内容的图像检索
如果您想在基于内容的图像检索计算机视觉任务上训练机器学习模型,请使用此模板。该标注配置会显示一张图片,并提示标注者选择一个或多个相似图片对应的选项。
交互式模板预览
标注配置
<View>
<Image name="query" value="$query_image" />
<Header value="Choose similar images:" />
<View style="display: grid; column-gap: 8px; grid-template: auto/1fr 1fr 1fr">
<Image name="image1" value="$image1" />
<Image name="image2" value="$image2" />
<Image name="image3" value="$image3" />
</View>
<Choices name="similar" toName="query" required="true" choice="multiple">
<Choice value="One" />
<Choice value="Two" />
<Choice value="Three" />
</Choices>
<Style>
[dataneedsupdate]~div form {display: flex}
[dataneedsupdate]~div form>* {flex-grow:1;margin-left:8px}
</Style>
</View>
关于标注配置
所有标注配置必须包含在View标签内。
使用Image对象标签来指定用于查询的图像位置:
<Image name="query" value="$query_image" />
您可以添加一个header来为标注者提供说明:
<Header value="Choose similar images:" />
在View标签中使用样式来包裹多个Image对象标签,以网格形式显示多张图片:
<View style="display: grid; column-gap: 8px; grid-template: auto/1fr 1fr 1fr">
<Image name="image1" value="$image1" />
<Image name="image2" value="$image2" />
<Image name="image3" value="$image3" />
</View>
使用Choices控制标签来显示适用于原始图像的选择项,需要响应,并允许标注者选择多个选项:
<Choices name="similar" toName="query" required="true" choice="multiple">
<Choice value="One" />
<Choice value="Two" />
<Choice value="Three" />
</Choices>
使用Style标签为标注界面上使用的div表单类应用额外的CSS样式,以进一步增强网格布局:
<Style>
[dataneedsupdate]~div form {display: flex}
[dataneedsupdate]~div form>* {flex-grow:1;margin-left:8px}
</Style>
[dataneedsupdate] 选项将样式与标注配置中使用的对象标签关联起来。