Class AbstractCanvas

Hierarchy

AbstractCanvas

Implements

Canvas

Index

Constructors

constructor

Properties

Accessors

Constructors

constructor

new AbstractCanvas(ctx: any): AbstractCanvas

- Defined in canvas/AbstractCanvas.ts:24
Parameters
- ctx: any
Returns AbstractCanvas

Properties

Private _background

_background: string | null

Protected _ctx

_ctx: CanvasRenderingContext2D

Private _diagram

_diagram: Diagram | null

Private _grid

_grid: boolean

Private _gridX

_gridX: number

Private _gridY

_gridY: number

Private _offsetX

_offsetX: number

Private _offsetY

_offsetY: number

Private _zoom

_zoom: number

Accessors

background

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

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

diagram

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

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

grid

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

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

gridX

get gridX(): number

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

gridY

get gridY(): number

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

height

get height(): number

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

Returns number

offsetX

get offsetX(): number

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

offsetY

get offsetY(): number

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

width

get width(): number

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

Returns number

zoom

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

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

zoomHeight

get zoomHeight(): number

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

zoomWidth

get zoomWidth(): number

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

Methods

clipRectangle

clipRectangle(bounds: Bounds): void

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

Parameters
- bounds: Bounds
Returns void

drawLine

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

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

drawRectangle

drawRectangle(bounds: Bounds): void

- 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
- 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
- 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
- Defined in canvas/AbstractCanvas.ts:138
Fills a rectangle

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

Protected getElementCoordinates

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

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

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

Protected invalidate

invalidate(): void

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

Returns void

labelLine

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

- 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
- 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

moveOffset

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

- 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
- Defined in canvas/AbstractCanvas.ts:117
Pops the canvas stack

Returns void

pushCanvasStack

pushCanvasStack(): void

Implementation of Canvas.pushCanvasStack
- Defined in canvas/AbstractCanvas.ts:110
Pushes the canvas stack

Returns void

Protected render

render(): this

- Defined in canvas/AbstractCanvas.ts:242
Renders the canvas

Returns this

Private renderGrid

renderGrid(): void

- Defined in canvas/AbstractCanvas.ts:291
Renders a grid in the background

Returns void

rerender

rerender(): this

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

Returns this

resize

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

- 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
- 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
- Defined in canvas/AbstractCanvas.ts:121
Parameters
- offset: Point
Returns void

Protected zoomCanvas

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

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

Generated using TypeDoc