Ruler Example

Displays a measurement ruler overlay along the edges of the canvas. The ruler ticks update dynamically as you pan and zoom, showing world-space coordinates.

• Scroll to zoom — watch the ruler scale adapt
• Middle Mouse Drag or Space + Left Drag to pan — the ruler numbers shift to reflect the visible region
• Trackpad: Two-finger drag to pan, Pinch to zoom
• Touch: Two-finger drag to pan, Pinch to zoom