Blazor Diagram Example - Ruler Display and Measurement Support
Properties
Interval
Tick Alignment
Marker Color
Ruler Visible
This example demonstrates ruler usage in Diagram component for determining element position and dimensions with customizable appearance.
Ruler features:
- Toggle ruler visibility using
IsVisibleparameter - Customize interval using
Intervalproperty - Define tick alignment via
TickAlignmentproperty - Specify guide color using
MarkerColorproperty - Add horizontal ruler using
HorizontalRulercomponent - Add vertical ruler using
VerticalRulercomponent - Child components of
RulerSettings