Shape Node Style Demo
This demo shows the main features of the ShapeNodeStyle class, most
notably its supported shapes and the shape-specific effects of
To illustrate the effects of the latter feature, three nodes with different aspect ratios
are shown for each shape: green (1:1), blue (2:1) and yellow (1:2).
Things to Try
- Observe how the shape is rendered depending on the node's aspect ratio.
- Select and resize nodes and observe how the shape changes.
Observe how edges are cropped at the visual bounds of the nodes. Move nodes to see how
cropping works for every point on the visual border.
Enable and disable the
property using the toggle button in the toolbar. Observe its effect for shapes with
different width:height aspect ratios.