SVG Example

Uses the board camera system with an SVG element instead of a canvas. The camera transform (translate, scale, rotate) is applied to an SVG <g> group.

• Scroll to zoom, Middle Mouse Drag or Space + Left Drag to pan
• Trackpad: Two-finger drag to pan, Pinch to zoom
• Touch: Two-finger drag to pan, Pinch to zoom
• Use the inputs below to set camera position, rotation, and zoom
• Click to log viewport and world coordinates to the console