库存追踪

库存追踪系统允许您通过相关示例照片展示的给定品牌名称来标注确切产品。每个带有货架照片的任务还附有一份需要标注的相关品牌列表。

标注配置

<View>
  <View style="display:flex;justify-content:center">
    <PolygonLabels name="objects" toName="image" value="$objects"/>
  </View>
  <Image name="image" value="$image"/>
</View>

让我们来了解配置部分。View仅用于布局目的。这里最重要的是PolygonLabels中的value，它允许我们为每个任务从任务数据中的相关数组动态加载标签，每个项目对应一个Label。数据中每个项目的参数都将作为参数出现在生成的Label标签中。

Also there is new html parameter for Label tag which allows to display rich content as label. This content should be html-escaped:

• < → <
• " → "
• > → >
• 等等。

存储值仍来自value参数，该参数是必需的。

你也可以在Labels标签中同时使用常规静态Label和动态标签——静态标签会优先显示。

示例数据

We use value=$objects so we should set objects field in task data as the source for generated labels, every item contains parameters for such tags, these parameters can be different for every label, the only required is value. html content should be string-escaped, so it’s better to use single quotes here.

{
  "data": {
    "image": "https://htx-pub.s3.amazonaws.com/templates/inventory-tracking/shelf.jpeg",
    "objects": [{
      "value": "CocaCola",
      "html": "<img width='100' src='https://htx-pub.s3.amazonaws.com/templates/inventory-tracking/cocacola.png'/>"
    }, {
      "value": "RedBull",
      "html": "<img width='100' src='https://htx-pub.s3.amazonaws.com/templates/inventory-tracking/redbull.png'/>"
    }, {
      "value": "Burn",
      "html": "<img width='100' src='https://htx-pub.s3.amazonaws.com/templates/inventory-tracking/burn.png'/>"
    }, {
      "value": "Breezer",
      "html": "<img width='100' src='https://htx-pub.s3.amazonaws.com/templates/inventory-tracking/breezer.png'/>"
    }, {
      "value": "Monster",
      "html": "<img width='100' src='https://htx-pub.s3.amazonaws.com/templates/inventory-tracking/monster.png'/>"
    }]
  }
}