<div class="node-signature"><div class="node-inheritance"><span class='node-name'>label</span> : <span class='implementation-names'>XSeen</span> {</div>
<div class='node-fields'>
<div class="node-field"><div class="field-type"></div><div class="field-access"></div><div class="field-name">field-name, field-type, field-access, field-default, field-range, field-notes
</div><div class="field-default"></div><div class="field-range"></div></div>
<div class="node-field"><div class="field-type">string</div><div class="field-access">[in,out]</div><div class="field-name">label</div><div class="field-default">''</div><div class="field-range">id</div></div>
<div class="node-field"><div class="field-type">string</div><div class="field-access">[in,out]</div><div class="field-name">target</div><div class="field-default">''</div><div class="field-range">id</div></div>
<div class="node-field"><div class="field-type">string</div><div class="field-access">[in,out]</div><div class="field-name">labeltype</div><div class="field-default">'user'</div><div class="field-range">'user' \</div></div>
<div class="node-field"><div class="field-type"></div><div class="field-access"></div><div class="field-name"></div><div class="field-default"></div><div class="field-range"></div></div>
</div><br>
}</div>

<p>Provides a logical and graphic connection between an HTML label and a scene object. This node draws a line between the object's local origin and the center of the label. The line is updated every animation frame. The label is defined in HTML as a child of &lt;scene&gt;. A label is identified by the <em>id</em> attribute. The connection is between the tags with the specified <em>id</em> for the label and the scene object.</p>

<p>The label must have the [inherited] class 'sceneLabels'. It is allowed to have multiple block tags with that class or the individual labels can be collected under one or more tags (e.g., &lt;div&gt;) with that class. Each label may be individually styled as needed for the display. If the class <strong>xseen-screen-drag</strong> is present on the label, then that element can be repositioned in the scene canvas.</p>

<p>All labels are positioned with normal CSS stylying within the scene canvas. Each label is positioned absolute so full control is given to the developer as to layout. The labels appear in the scene by virtue of them being inside the canvas. They are always positioned at the near clipping plane, so there is no other scene element in front (between the label and the rendered display) of them.</p>

<p>The <strong>label</strong> tag draws a line from the object's local origin to the center of the label as currently positioned in 3D space (Remember that local <strong>Z</strong> is always the near clipping plane distance.) If the object has displayed local <strong>Z</strong> less than the near clipping plane distance, then the line may not be drawn. The line is recalculated each animation frame so it continuously tracks object, camera, and label motion.</p>

<p>A label can move if it has the class <strong>xseen-screen-drag</strong> and the user drags it within the canvas. It can also move if <em>labeltype</em> has the value <strong>initialize</strong>. This causes the system to compute the initial offset in screen space from the label to the projection of the object's center. That relationship is maintained throughout the display independent of the object or camera motion. Using the value of <strong>initialze</strong> overrides the ability to independently move the label.</p>

<p>Use of label in stereo camera mode may not work as expected.</p>