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

crowd-keypoint

生成在图像上选择和注释关键点的工具。

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

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

属性

此元素支持以下属性。

header

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

initial-value

一个采用 JSON 格式的要点数组，这些要点在启动应用于映像。例如：

initial-value="[
  {
    'label': 'Left Eye',
    'x': 1022,
    'y': 429
  },
  {
    'label': 'Beak',
    'x': 941,
    'y': 403
  }
]
注意

请注意，此属性中使用的标签值必须在 labels 属性中具有匹配值，否则该点不会渲染。

labels

JSON 格式的字符串数组，用作关键点注释标签。

name

一个字符串，用于标识工作人员提交的答案。此值将与 JSON 对象中指定答案的密钥匹配。

src

要注释的图像的源 URI。

元素层次结构

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

区域

此元素需要以下区域。

full-instructions

有关如何注释图像的一般说明。

short-instructions

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

输出

此元素支持以下输出。

inputImageProperties

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

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

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

keypoints

一个 JSON 对象数组，包含关键点的坐标和标签。每个对象包含以下属性。

  • label – 分配给关键点的标签。

  • x – 关键点在图像上的 X 坐标，以像素为单位。

  • y – 关键点在图像上的 Y 坐标，以像素为单位。

注意

X 和 Y 坐标以图像左上角的 0,0 为原点。

例 ：示例元素输出

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

[
  {
    "crowdKeypoint": {
      "inputImageProperties": {
        "height": 1314,
        "width": 962
      },
      "keypoints": [
        {
          "label": "dog",
          "x": 155,
          "y": 275
        },
        {
          "label": "cat",
          "x": 341,
          "y": 447
        },
        {
          "label": "cat",
          "x": 491,
          "y": 513
        },
        {
          "label": "dog",
          "x": 714,
          "y": 578
        },
        {
          "label": "cat",
          "x": 712,
          "y": 763
        },
        {
          "label": "cat",
          "x": 397,
          "y": 814
        }
      ]
    }
  }
]

您可能有多个可用标签，但只有被使用的标签会显示在输出中。

另请参阅

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