crowd-image-classifier-multi-select

一个小部件，用于将图像分类到一个或多个类别中。使用以下支持的图像格式之一：APNG、BMP、GIF、ICO、JPEG、PNG、SVG。图像没有大小限制。

请参阅在 CodePen 中使用此 Crowd HTML 元素的 HTML 模板的交互式示例。

以下是使用此 crowd 元素构建的 HTML 工作人员任务模板的示例。复制以下代码，并保存到具有 .html 扩展名的文件中。在任何浏览器中打开该文件，进行预览并与该模板进行交互。

属性

crowd-image-classifier-multi-select 元素支持以下属性。每个属性都接受一个或多个字符串值。

categories

必需。一个 JSON 格式的字符串数组，其中每个字符串都是工作人员可以分配给图像的一个类别。工作人员必须至少选择一个类别，且可以选择所有类别。

header

必需。要在图像上方显示的文本。通常是一个针对工作人员的问题或简单说明。

name

必需。此小部件的名称。在表单输出中，名称用作小部件输入的键。

src

必需。要分类的图像的 URL。

exclusion-category

可选。JSON 格式的字符串，格式如下："{ text: 'default-value' }"。此属性设置默认值，在任何标签均不适用于工作人员 UI 中显示的图像时，工作人员可以选择该默认值。

元素层次结构

此元素具有以下父元素和子元素：

区域

此元素使用以下区域。

full-instructions

关于工作人员如何对映像进行分类的一般说明。

short-instructions

特定于任务的重要说明。这些说明会突出显示。

输出

此元素的输出是一个字符串，指定在 <crowd-image-classifier-multi-select> 元素的 categories 属性中定义的一个或多个值。

[
  {
    "<name>": {
        labels: ["label_a", "label_b"]
    }
  }
]

另请参阅

有关更多信息，请参阅下列内容：