Crowd-polyline - Amazon SageMaker

Crowd-polyline

Widget pour tracer des lignes brisées ou des lignes sur une image. Chaque ligne brisée est associée à une étiquette et peut comprendre deux sommets ou plus. Une ligne brisée peut se couper elle-même et ses points de départ et de fin peuvent se trouver n'importe où sur l'image.

Consultez un exemple interactif d'un modèle HTML qui utilise cet élément HTML Crowd dans CodePen.

Voici un exemple de modèle Liquid qui utilise l'élément <crowd-polyline>. Copiez le code suivant et enregistrez-le dans un fichier avec l'extension .html. Ouvrez le fichier dans n'importe quel navigateur pour prévisualiser et interagir avec ce modèle. Pour plus d'exemples, consultez ce référentiel GitHub.

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script> <crowd-form> <crowd-polyline name="crowdPolyline" src="{{ task.input.taskObject | grant_read_access }}" header="Add header here to describe the task" labels="['car','pedestrian','street car']" > <full-instructions> <p>Read the task carefully and inspect the image.</p> <p>Choose the appropriate label that best suits the image.</p> <p>Draw a polyline around the boundaries of all objects that the label applies to.</p> <p>Use the <b>Enter</b> key to complete a polyline.</p> <p>Make sure that the polyline fits tightly around the boundary of the object.</p> </full-instructions> <short-instructions> <p>Read the task carefully and inspect the image.</p> <p>Review the tool guide to learn how to use the polyline tool.</p> <p>Choose the appropriate label that best suits the image.</p> <p>To draw a polyline, select a label that applies to an object of interest and add a single point to the photo by clicking on that point. Continue to draw the polyline around the object by adding additional points around the object boundary.</p> <p>After you place the final point on the polyline, press <b>Enter</b> on your keyboard to complete the polyline.</p> </short-instructions> </crowd-polyline> </crowd-form>

Attributes

Les attributs suivants sont pris en charge par cet élément.

header

Facultatif. Texte à afficher au-dessus de l'image. Il s'agit généralement d'une question ou d'une instruction simple pour l'employé.

initial-value

Facultatif. Tableau d'objets JSON, chaque objet définissant une ligne brisée lorsque le composant est chargé. Chaque objet JSON du tableau comprend les propriétés suivantes :

  • label : texte attribué à la ligne brisée en tant que partie de la tâche d'étiquetage. Ce texte doit correspondre à l'une des étiquettes définies dans l'attribut labels de l'élément <crowd-polyline>.

  • vertices : les coordonnées de pixel x et y des sommets d'une ligne brisée, par rapport au coin supérieur gauche de l'image.

initial-value= "{ polylines: [ { 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 }, { x: 1000, y: 869 } ] } ] }"

Les lignes brisées définies au moyen de la propriété initial-value peuvent être ajustées. L'ajustement d'une réponse d'employé est suivi au moyen d'un booléen initialValueModified dans la sortie de la réponse d'employé.

labels

Obligatoire. Tableau de chaînes au format JSON, chaque chaîne étant une étiquette qu'un employé peut attribuer à une ligne.

Limit : 10 étiquettes

label-colors

Facultatif. Tableau de chaînes. Chaque chaîne est un code hexadécimal (hex) pour une étiquette.

nom

Obligatoire. Nom de ce widget. Il est utilisé en tant que clé pour la saisie du widget dans la sortie du formulaire.

src

Obligatoire. L'URL de l'image sur laquelle tracer des lignes brisées.

Régions

Les régions suivantes sont requises par cet élément.

full-instructions

Instructions générales sur la façon de tracer des lignes brisées.

short-instructions

Instructions importantes spécifiques à la tâche qui s'affichent à un endroit bien visible.

Hiérarchie des éléments

Les éléments parents et enfants de cet élément sont les suivants :

Sortie

inputImageProperties

Objet JSON qui spécifie les dimensions de l'image en cours d'annotation par l'employé. Cet objet contient les propriétés suivantes.

  • height : hauteur de l'image, en pixels.

  • width : largeur de l'image, en pixels.

polylines

Tableau JSON contenant des objets avec les étiquettes et les sommets des lignes brisées.

  • label : étiquette donnée à une ligne.

  • vertices : les coordonnées de pixel x et y des sommets d'une ligne brisée, par rapport au coin supérieur gauche de l'image.

Exemple : Exemples de sorties de l'élément

L'exemple suivant est une sortie de cet élément.

{ "crowdPolyline": { //This is the name you set for the crowd-polyline "inputImageProperties": { "height": 1254, "width": 2048 }, "polylines": [ { "label": "sideline", "vertices": [ { "x": 651, "y": 498 }, { "x": 862, "y": 869 }, { "x": 1449, "y": 611 } ] }, { "label": "yardline", "vertices": [ { "x": 1148, "y": 322 }, { "x": 1705, "y": 474 }, , { "x": 1755, "y": 474 } ] } ] } }

Voir aussi

Pour plus d’informations, consultez les rubriques suivantes.