Class SvgDrawer

This is an abstract class that Shapes have to extend that to insert or draw their own

Example

editor.board.shapes.circle.insert({
 x: 100,
 y: 100,
 radius: 10,
 fill: 'red'
})

Example

editor.board.shapes.circle.draw()

Example

editor.board.shapes.circle.stopDrawing()

Hierarchy (view full)

Constructors

constructor

Properties

config node startPoint

Accessors

isDrawing

Methods

draw getShapePosition insert stopDrawing

Constructors

constructor

Properties

config

config: Partial<PathConfig>

Reperesents the configuration of the shape that is drawing that

node

node: Path

Demonstrates the svg node that is being created

startPoint

startPoint: Point

Reperesents the start point of the drawing shape

Accessors

isDrawing

  • get isDrawing(): boolean

  • Checks wheather the current shape is drawing or not

    Returns boolean

Methods

draw

  • draw(config?): void

  • Enables the drawing mode

    Parameters

    • config: Partial<PathConfig> = {}

      The initial [[ShapeModel]] config

    Returns void

getShapePosition

  • getShapePosition(): {
        x: number;
        y: number;
    }

  • Returns current position of the shape

    Returns {
        x: number;
        y: number;
    }

    the current position of the shape as a [[Point]]

    • x: number
    • y: number

insert

  • insert(config): SvgModel

  • Creates a new shape and insert that into the [[Board]]

    Parameters

    • config: PathConfig

      The [[ShapeModel]] configuration

    Returns SvgModel

    The created [[ShapeModel]]

stopDrawing

Settings

Member Visibility

Theme

On This Page

constructorconfignodestartPointisDrawingdrawgetShapePositioninsertstopDrawing