Class InteractiveCanvas

Hierarchy

AbstractCanvas
- InteractiveCanvas
  - HTML5Canvas

Implements

Canvas

Index

Constructors

constructor

Properties

Accessors

Constructors

constructor

new InteractiveCanvas(ctx: CanvasRenderingContext2D): InteractiveCanvas

Overrides AbstractCanvas.constructor
- Defined in canvas/InteractiveCanvas.ts:48
Parameters
- ctx: CanvasRenderingContext2D
Returns InteractiveCanvas

Properties

Protected _ctx

_ctx: CanvasRenderingContext2D

Private _handles

_handles: Map<DiagramElement<any>, Handle[]>

Private _hoveredElement

_hoveredElement: DiagramElement<any> | null

Private _resizeListeners

_resizeListeners: Map<DiagramElement<any>, Function>

Private _selectedElements

_selectedElements: Set<DiagramElement<any>>

Accessors

background

get background(): string | any
set background(value: string | any): void

Inherited from AbstractCanvas.background
- Defined in canvas/AbstractCanvas.ts:80
Returns string | any
Inherited from AbstractCanvas.background
- Defined in canvas/AbstractCanvas.ts:84
Parameters
- value: string | any
Returns void

cursor

get cursor(): Cursor
set cursor(value: Cursor): any

- Defined in canvas/InteractiveCanvas.ts:43
Returns the current cursor

Returns Cursor
- Defined in canvas/InteractiveCanvas.ts:48
Sets the current cursor

Parameters
- value: Cursor
Returns any

diagram

get diagram(): Diagram | null
set diagram(val: Diagram | null): void

Inherited from AbstractCanvas.diagram
- Defined in canvas/AbstractCanvas.ts:52
Returns Diagram | null
Inherited from AbstractCanvas.diagram
- Defined in canvas/AbstractCanvas.ts:47
Parameters
- val: Diagram | null
Returns void

grid

get grid(): boolean
set grid(val: boolean): void

Inherited from AbstractCanvas.grid
- Defined in canvas/AbstractCanvas.ts:43
Returns boolean
Inherited from AbstractCanvas.grid
- Defined in canvas/AbstractCanvas.ts:38
Parameters
- val: boolean
Returns void

gridX

get gridX(): number

Inherited from AbstractCanvas.gridX
- Defined in canvas/AbstractCanvas.ts:56
Returns number

gridY

get gridY(): number

Inherited from AbstractCanvas.gridY
- Defined in canvas/AbstractCanvas.ts:60
Returns number

height

get height(): number

Inherited from AbstractCanvas.height
- Defined in canvas/AbstractCanvas.ts:105
Returns the current height of the canvas

Returns number

hoveredElement

get hoveredElement(): DiagramElement<any> | null
set hoveredElement(element: DiagramElement<any> | null): void

- Defined in canvas/InteractiveCanvas.ts:32
Sets the element being hovered over

Returns DiagramElement<any> | null
- Defined in canvas/InteractiveCanvas.ts:19
Sets the element being hovered over

Parameters
- element: DiagramElement<any> | null
  
  The new element
Returns void

offsetX

get offsetX(): number

Inherited from AbstractCanvas.offsetX
- Defined in canvas/AbstractCanvas.ts:64
Returns number

offsetY

get offsetY(): number

Inherited from AbstractCanvas.offsetY
- Defined in canvas/AbstractCanvas.ts:68
Returns number

selectedElements

get selectedElements(): Set<DiagramElement<any>>

- Defined in canvas/InteractiveCanvas.ts:36
Returns Set<DiagramElement<any>>

width

get width(): number

Inherited from AbstractCanvas.width
- Defined in canvas/AbstractCanvas.ts:100
Returns the current width of the canvas

Returns number

zoom

get zoom(): number
set zoom(value: number): void

Inherited from AbstractCanvas.zoom
- Defined in canvas/AbstractCanvas.ts:72
Returns number
Inherited from AbstractCanvas.zoom
- Defined in canvas/AbstractCanvas.ts:76
Parameters
- value: number
Returns void

zoomHeight

get zoomHeight(): number

Inherited from AbstractCanvas.zoomHeight
- Defined in canvas/AbstractCanvas.ts:93
Returns number

zoomWidth

get zoomWidth(): number

Inherited from AbstractCanvas.zoomWidth
- Defined in canvas/AbstractCanvas.ts:89
Returns number

Methods

addSelection

addSelection(element: DiagramElement<any>): void

- Defined in canvas/InteractiveCanvas.ts:86
Selects a given element

Parameters
- element: DiagramElement<any>
Returns void

clearSelection

clearSelection(): void

- Defined in canvas/InteractiveCanvas.ts:135
Clears the selection of all canvas elements

Returns void

clipRectangle

clipRectangle(bounds: Bounds): void

Inherited from AbstractCanvas.clipRectangle
- Defined in canvas/AbstractCanvas.ts:190
Clips the canvas to a rectangle

Parameters
- bounds: Bounds
Returns void

deleteSelection

deleteSelection(element: DiagramElement<any>): boolean

- Defined in canvas/InteractiveCanvas.ts:102
Deselects a given element

Parameters
- element: DiagramElement<any>
Returns boolean

drawLine

drawLine(line: Line, stroke: Stroke, targetTip: LineTip, sourceTip: LineTip): void

Implementation of Canvas.drawLine

Inherited from AbstractCanvas.drawLine
- Defined in canvas/AbstractCanvas.ts:206
Parameters
- line: Line
- stroke: Stroke
- targetTip: LineTip
- sourceTip: LineTip
Returns void

drawRectangle

drawRectangle(bounds: Bounds): void

Inherited from AbstractCanvas.drawRectangle
- Defined in canvas/AbstractCanvas.ts:128
Draws a rectangle within the given bounds

Parameters
- bounds: Bounds
Returns void

drawSimpleLine

drawSimpleLine(x1: number, y1: number, x2: number, y2: number, stroke: Stroke): void

Implementation of Canvas.drawSimpleLine

Inherited from AbstractCanvas.drawSimpleLine
- Defined in canvas/AbstractCanvas.ts:198
Draws a simple line from four coordinates

Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- stroke: Stroke
Returns void

drawText

drawText(text: string, x: number, y: number, font: Font, maxWidth?: undefined | number, hAlign?: TextAlign, vAlign?: Baseline): void

Implementation of Canvas.drawText

Inherited from AbstractCanvas.drawText
- Defined in canvas/AbstractCanvas.ts:166
Draws a text

Parameters
- text: string
  
  The text to draw
- x: number
  
  The text X position
- y: number
  
  The text Y position
- font: Font
  
  The font to use
- Optional maxWidth: undefined | number
  
  The maximum width of the text
- Default value hAlign: TextAlign = "left"
  
  The horizontal alignment
- Default value vAlign: Baseline = "middle"
  
  The vertical alignment
Returns void

fillRectangle

fillRectangle(bounds: Bounds, fill: Fill): void

Implementation of Canvas.fillRectangle

Inherited from AbstractCanvas.fillRectangle
- Defined in canvas/AbstractCanvas.ts:138
Fills a rectangle

Parameters
- bounds: Bounds
  
  The rectangle's bounds
- fill: Fill
  
  The fill to use
Returns void

getElementByPosition

getElementByPosition(x: number, y: number): DiagramElement<any> | null

- Defined in canvas/InteractiveCanvas.ts:62
Returns the element at the given position

Parameters
- x: number
- y: number
Returns DiagramElement<any> | null

Protected getElementCoordinates

getElementCoordinates(target: DiagramElement<any>): [number, number]

Inherited from AbstractCanvas.getElementCoordinates
- Defined in canvas/AbstractCanvas.ts:276
Converts global coordinates to element based coordinates

Parameters
- target: DiagramElement<any>
Returns [number, number]

getHandleByPosition

getHandleByPosition(x: number, y: number): Handle | null

- Defined in canvas/InteractiveCanvas.ts:74
Returns the handle at the given position

Parameters
- x: number
- y: number
Returns Handle | null

Protected invalidate

invalidate(): void

Inherited from AbstractCanvas.invalidate
- Defined in canvas/AbstractCanvas.ts:255
Invalidates the canvas by emptying it

Returns void

isSelected

isSelected(element: DiagramElement<any>): boolean

- Defined in canvas/InteractiveCanvas.ts:128
Tests whether an element is selected

Parameters
- element: DiagramElement<any>
Returns boolean

labelLine

labelLine(line: Line, font: Font, label: string, position?: number): void

Inherited from AbstractCanvas.labelLine
- Defined in canvas/AbstractCanvas.ts:210
Parameters
- line: Line
- font: Font
- label: string
- Default value position: number = 0
Returns void

measureTextWidth

measureTextWidth(text: string, font: Font): number

Implementation of Canvas.measureTextWidth

Inherited from AbstractCanvas.measureTextWidth
- Defined in canvas/AbstractCanvas.ts:178
Measures the width of a text

Parameters
- text: string
  
  The text to measure
- font: Font
  
  The font to use
Returns number

moveElement

moveElement(element: DiagramElement<any>, dx: number, dy: number): void

- Defined in canvas/InteractiveCanvas.ts:117
Moves an element on the canvas

Parameters
- element: DiagramElement<any>
  
  The element to move
- dx: number
  
  Movement in X direction
- dy: number
  
  Movement in Y direction
Returns void

moveOffset

moveOffset(dx: number, dy: number): void

Inherited from AbstractCanvas.moveOffset
- Defined in canvas/AbstractCanvas.ts:233
Move the offset point of the canvas

Parameters
- dx: number
- dy: number
Returns void

popCanvasStack

popCanvasStack(): void

Implementation of Canvas.popCanvasStack

Inherited from AbstractCanvas.popCanvasStack
- Defined in canvas/AbstractCanvas.ts:117
Pops the canvas stack

Returns void

pushCanvasStack

pushCanvasStack(): void

Implementation of Canvas.pushCanvasStack

Inherited from AbstractCanvas.pushCanvasStack
- Defined in canvas/AbstractCanvas.ts:110
Pushes the canvas stack

Returns void

Protected render

render(): this

Overrides AbstractCanvas.render
- Defined in canvas/InteractiveCanvas.ts:166
Renders the canvas

Returns this

rerender

rerender(): this

Inherited from AbstractCanvas.rerender
- Defined in canvas/AbstractCanvas.ts:225
Invalidates and renders the canvas

Returns this

resize

resize(width: number, height: number): this

Inherited from AbstractCanvas.resize
- Defined in canvas/AbstractCanvas.ts:220
Resizes the canvas

Parameters
- width: number
  
  The new width of the canvas
- height: number
  
  The new height of the canvas
Returns this

strokeRectangle

strokeRectangle(bounds: Bounds, stroke: Stroke): void

Implementation of Canvas.strokeRectangle

Inherited from AbstractCanvas.strokeRectangle
- Defined in canvas/AbstractCanvas.ts:149
Strokes a rectangle

Parameters
- bounds: Bounds
  
  The rectangle's outer bounds
- stroke: Stroke
  
  The fill to use
Returns void

translate

translate(offset: Point): void

Implementation of Canvas.translate

Inherited from AbstractCanvas.translate
- Defined in canvas/AbstractCanvas.ts:121
Parameters
- offset: Point
Returns void

Protected updateHandles

updateHandles(element: DiagramElement<any>): void

- Defined in canvas/InteractiveCanvas.ts:181
Updates the handles of a given element

Parameters
- element: DiagramElement<any>
  
  The element who's handles are updated
Returns void

zoom100

zoom100(x?: undefined | number, y?: undefined | number): void

- Defined in canvas/InteractiveCanvas.ts:159
Zooms 100%

Parameters
- Optional x: undefined | number
- Optional y: undefined | number
Returns void

Protected zoomCanvas

zoomCanvas(newZoom: number, x?: undefined | number, y?: undefined | number): void

Inherited from AbstractCanvas.zoomCanvas
- Defined in canvas/AbstractCanvas.ts:264
Parameters
- newZoom: number
- Optional x: undefined | number
- Optional y: undefined | number
Returns void

zoomIn

zoomIn(x?: undefined | number, y?: undefined | number): void

- Defined in canvas/InteractiveCanvas.ts:145
Zooms into the diagram

Parameters
- Optional x: undefined | number
- Optional y: undefined | number
Returns void

zoomOut

zoomOut(x?: undefined | number, y?: undefined | number): void

- Defined in canvas/InteractiveCanvas.ts:152
Zooms out of the diagram

Parameters
- Optional x: undefined | number
- Optional y: undefined | number
Returns void

Generated using TypeDoc