Arrow Edge Style Demo
The ArrowEdgeStyle provides several properties to customize its shape.
There are five basic shapes provided.
For the ARROW,
DOUBLE_ARROW and
NOTCHED_ARROW shapes, the thickness of the arrow shaft can
be defined as a shaft ratio of the edge size.
For all shapes, the angle of the arrow tip can be defined.
It is the angle between an arrow blade and the perpendicular to which the arrow is
pointing.
The edge style supports separate cropping values for the
source end and
target end
to specify the distance that the tip of the arrow shape should stay away from the
intersection with its source / target shape. This demo provides a single slider to adjust
both, source and target cropping, simultaneously.
Things to try
-
Select an edge and see its style settings in the property panel on the right-hand side.
-
Change some of the settings while an edge is selected and see how it affects the
selected edge.
- Move a node and observe how the shapes of the connected edges change.
- Create new edges between nodes using the style settings of the property panel.