Editor

The Editor class is the main entry point into the tsdraw engine.

import { Editor } from '@tsdraw/core'

Constructor

new Editor(options?: EditorOptions)

Property	Type	Default	Description
`dragDistanceSquared`	`number`	`36`	Distance threshold for differentiating a click from a drag
`toolDefinitions`	`ToolDefinition[]`	`[]`	Additional tool definitions to register
`initialToolId`	`ToolId`	`'pen'`	The tool that’s active on startup
`zoomRange`	`ZoomRange`	`{ min: 0.1, max: 8 }`	Min/max zoom levels

Property	Type	Description
`store`	`DocumentStore`	Shape storage and ordering
`input`	`InputManager`	Pointer event normalization
`tools`	`ToolManager`	Tool state machine routing
`renderer`	`CanvasRenderer`	Canvas 2D rendering
`viewport`	`Viewport`	Current camera position and zoom

Method	Returns	Description
`getShapes()`	`Shape[]`	All shapes on the current page
`getShapesSorted()`	`Shape[]`	Shapes sorted by z-order
`deleteShape(id)`	`void`	Remove a shape by ID
`clearAllShapes()`	`void`	Remove every shape

Method	Returns	Description
`getDrawStyle()`	`DrawStyleState`	Current color, dash, fill, size
`setDrawStyle(partial)`	`void`	Merge partial style into the current draw style

Method	Returns	Description
`setCurrentTool(id)`	`void`	Switch the active tool
`getCurrentToolId()`	`ToolId`	Get the active tool ID