crowd-line - Amazon SageMaker
属性区域元素层次结构输出另请参阅
Amazon Web Services 文档中描述的 Amazon Web Services 服务或功能可能因区域而异。要查看适用于中国区域的差异，请参阅中国的 Amazon Web Services 服务入门。

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

crowd-line

用于在图像上绘制线条的小部件。每条线都与一个标签相关联，输出数据将报告每条线的起点和终点。

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

以下是使用 <crowd-line> 元素的 Liquid 模板的示例。复制以下代码，并将其保存到具有扩展名的文件中.html. 在任何浏览器中打开该文件，以进行预览并与该模板进行交互。有关更多示例，请参阅该 GitHub 存储库。

属性

此元素支持以下属性。

header

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

initial-value

可选。JSON 对象的数组，其中每个对象在组件加载时都设置一条线。数组中的每个 JSON 对象包含以下属性：

  • 标签— 作为标记任务的一部分分配给行的文本。此文本必须与中定义的其中一个标签相匹配。标签的属性<crowd-line>元素。

  • 顶点—x和y像素相对于图像左上角的起点和终点相对于线的起点和终点。

initial-value="{
    lines: [
    {
        label: 'sideline', // label of this line annotation
        vertices:[         // an array of vertices which decide the position of the line
        {
            x: 84,
            y: 110
        },
        {
            x: 60,
            y: 100
        }
        ]
    },
    {
        label: 'yardline',
        vertices:[       
        {
            x: 651,
            y: 498
        },
        {
            x: 862,
            y: 869
        }
        ]
    }
   ]
}"

通过initial-value属性可以调整。工作人员的答案是否被调整通过initialValueModifiedworker 应答输出中的布尔值。

labels

必填项。一个 JSON 格式的字符串数组，其中每个字符串都是工作人员可以分配给行的一个标签。

限制:10 个标签

标签颜色

可选。字符串数组。每个字符串都是标签的十六进制（十六进制）代码。

名称

必填项。此小部件的名称。它用作小部件输入（以输出格式表示）的密钥。

src

必填项。要在其上绘制线的图像的 URL。

区域

此元素需要以下区域。

full-instructions

有关如何绘制线的一般说明。

short-instructions

在醒目位置显示的重要的任务特定说明。

元素层次结构

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

输出

inputImageProperties

一个 JSON 对象，它指定正在由工作人员注释的图像的维度。此对象包含以下属性。

  • 高度— 图像的高度（以像素为单位）。

  • width— 图像的宽度（以像素为单位）。

lines

JSON 数组，其中包含具有线标签和顶点的对象。

  • 标签— 给一行的标签。

  • 顶点 —x和y像素相对于图像左上角的起点和终点相对于线的起点和终点。

例 ：示例元素输出

下面是此元素中的输出示例。

{
    "crowdLine": { //This is the name you set for the crowd-line
      "inputImageProperties": {
        "height": 1254,
        "width": 2048
      },
      "lines": [
        {
          "label": "yardline",
          "vertices": [ 
            {
              "x": 58,
              "y": 295
            },
            {
              "x": 1342,
              "y": 398
            }
          ]
        },
        {
          "label": "sideline",
          "vertices": [
            {
              "x": 472,
              "y": 910
            },
            {
              "x": 1480,
              "y": 600
            }
          ]
        }
      ]
    }
  }

另请参阅

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