Aspect for drawing lines in a zoomable drawing. A line is a graphic used for drawing connections between shapes.

Defines the line's source key.

The <code>srcKey</code> is the name of the property on the base object which points to the line's source element.

Defines the line's target key.

The <code>srcKey</code> is the name of the property on the base object which points to the line's target element.

Defines the line corners' radius.

This property controls the rounding of line corners for orthogonal line routing mode. By default, this property is set to 0 which results in square corners.

Defines the line's end arrow.

Defines the line's dash pattern.

The <code>dash</code> property controls the pattern of dashes and gaps used to stroke the line. The <code>dash</code> property value can be either 'none' (indicating that the line is to be drawn solid), or a list of whitespace-separated numbers that specify the lengths of alternating dashes and gaps.

Defines the line's routing constraints.

Defines the line's start arrow.

A bitwise structure for defining line arrows.

A line arrow can be any bitwise combination of the following groups of flags: <table class="BOTH"><tr><td class="H V">Name </td><td class=H>Description </td></tr><tr><td class=V>SVG_NONE </td><td>No arrow </td></tr><tr><td class=V>  </td><td>  </td></tr><tr><td class=V>SVG_BLOCK_ARROW </td><td>Block arrow </td></tr><tr><td class=V>SVG_CLASSIC_ARROW </td><td>Classic arrow </td></tr><tr><td class=V>SVG_DIAMOND_ARROW </td><td>Diamond arrow </td></tr><tr><td class=V>SVG_CIRCLE_ARROW </td><td>Circle arrow </td></tr><tr><td class=V>SVG_DOUBLE_ARROW </td><td>Double arrow </td></tr><tr><td class=V>SVG_NOTCH_ARROW </td><td>Block arrow with a notch </td></tr><tr><td class=V>SVG_SINGLE_NOTCH </td><td>Single notch with no arrow </td></tr><tr><td class=V>SVG_DOUBLE_NOTCH </td><td>Double notch with no arrow </td></tr><tr><td class=V>  </td><td>  </td></tr><tr><td class=V>SVG_HOLLOW </td><td>The arrow head is hollow, i.e. filled with white color. </td></tr><tr><td class=V>SVG_FILLED </td><td>The arrow head is filled with the primary color. </td></tr></table>

A bitwise structure for defining line routing constraints.

A line routing can be any one of the following bitwise flags: <table class="BOTH"><tr><td class="H V">Name </td><td class=H>Description </td></tr><tr><td class=V>SVG_INHERIT_LINE </td><td>Inherit line routing mode from containing diagram </td></tr><tr><td class=V>  </td><td>  </td></tr><tr><td class=V>SVG_STRAIGHT_LINE </td><td>Straight line routing </td></tr><tr><td class=V>SVG_ANGULAR_LINE </td><td>Angular line routing </td></tr><tr><td class=V>SVG_CURVED_LINE </td><td>Curved line routing using quadratic bezier function </td></tr><tr><td class=V>SVG_ORTHOGONAL_LINE </td><td>Orthogonal line routing using only horizontal and vertical line segments </td></tr></table>