Interface Overview — Math On Canvas
Interface Overview
Section titled “Interface Overview”Math On Canvas has five main interface areas that work together to let you create and edit diagrams.
Toolbar
Section titled “Toolbar”The top bar with page controls, canvas tools, and document actions.
Page Controls (left)
Section titled “Page Controls (left)”Canvas Tools (center)
Section titled “Canvas Tools (center)”Document Actions (right)
Section titled “Document Actions (right)”EditorBar
Section titled “EditorBar”The vertical bar on the left of the canvas with quick-insert buttons for all element types.
Canvas
Section titled “Canvas”The main editing area powered by Konva.js. Supports pan, zoom, and multi-element selection.
Sidebar
Section titled “Sidebar”The right panel with three sections: Pages, Elements, and Properties.
Pages Panel
Section titled “Pages Panel”Elements Panel
Section titled “Elements Panel”Properties Panel
Section titled “Properties Panel”Palettes
Section titled “Palettes”Draggable floating panels for Math Symbols, Predefined Formulas, Shape selection, 3D Shape selection, and Free Draw settings.