Class AbstractCanvas2D`Abstract`

Base class for all canvases. A description of the public API is available in . All color values of Constants#NONE will be converted to null in the state.

Constructor: D

Constructs a new abstract canvas.

Hierarchy (view full)

AbstractCanvas2D
- SvgCanvas2D
- XmlCanvas2D

Constructors

constructor

new AbstractCanvas2D(): AbstractCanvas2D
Returns AbstractCanvas2D
- Defined in view/canvas/AbstractCanvas2D.ts:53

Properties

closeOp

closeOp: string = 'Z'

Holds the operator for closing curves. Default is 'Z'.

converter

converter: UrlConverter

Holds the to convert image URLs.

curveOp

curveOp: string = 'C'

Contains the string used for bezier curves. Default is 'C'.

lastX

lastX: number = 0

Holds the last x coordinate.

lastY

lastY: number = 0

Holds the last y coordinate.

lineOp

lineOp: string = 'L'

Contains the string used for moving in paths. Default is 'L'.

moveOp

moveOp: string = 'M'

Contains the string used for moving in paths. Default is 'M'.

path

path: (string | number)[] = []

Holds the current path as an array.

pointerEvents

pointerEvents: boolean = false

Boolean value that specifies if events should be handled. Default is false.

pointerEventsValue

pointerEventsValue: null | string = null

quadOp

quadOp: string = 'Q'

Contains the string used for quadratic paths. Default is 'Q'.

rotateHtml

rotateHtml: boolean = true

Switch for rotation of HTML. Default is false.

state

state: CanvasState = ...

Holds the current state.

states

states: CanvasState[] = []

Stack of states.

Methods

addOp

addOp(op, ...args): void
Adds the given operation to the path.
Parameters
- op: string
- Rest...args: number[]
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:192

arcTo

arcTo(rx, ry, angle, largeArcFlag, sweepFlag, x, y): void
Adds the given arc to the current path. This is a synthetic operation that is broken down into curves.
Parameters
- rx: number
- ry: number
- angle: number
- largeArcFlag: boolean
- sweepFlag: boolean
- x: number
- y: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:489

begin

begin(): void
Starts a new path.

Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:445

close

close(x1?, y1?, x2?, y2?, x3?, y3?): void
Closes the current path.
Parameters
- Optionalx1: number
- Optionaly1: number
- Optionalx2: number
- Optionaly2: number
- Optionalx3: number
- Optionaly3: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:527

createState

createState(): CanvasState
Creates the state of the this canvas.

Returns CanvasState
- Defined in view/canvas/AbstractCanvas2D.ts:144

createUrlConverter

createUrlConverter(): UrlConverter
Create a new and returns it.

Returns UrlConverter
- Defined in view/canvas/AbstractCanvas2D.ts:129

curveTo

curveTo(x1, y1, x2, y2, x3, y3): void
Adds a bezier curve to the current path.
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- x3: number
- y3: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:475

`Abstract`ellipse

ellipse(x, y, w, h): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:553

`Abstract`end

end(): void
Empty implementation for backwards compatibility. This will be removed.

Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:534

`Abstract`fill

fill(): void
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:538

`Abstract`fillAndStroke

fillAndStroke(): void
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:540

format

format(value): number
Rounds all numbers to integers.
Parameters
- value: number
Returns number
- Defined in view/canvas/AbstractCanvas2D.ts:185

`Abstract`image

image(x, y, w, h, src, aspect, flipH, flipV): void
Parameters
- x: number
- y: number
- w: number
- h: number
- src: string
- aspect: boolean
- flipH: boolean
- flipV: boolean
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:555

lineTo

lineTo(x, y): void
Draws a line to the given coordinates. Uses moveTo with the op argument.
Parameters
- x: number
- y: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:461

moveTo

moveTo(x, y): void
Moves the current path the given coordinates.
Parameters
- x: number
- y: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:454

quadTo

quadTo(x1, y1, x2, y2): void
Adds a quadratic curve to the current path.
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:468

`Abstract`rect

rect(x, y, w, h): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:542

reset

reset(): void
Resets the state of this canvas.

Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:136

restore

restore(): void
Restores the current state.

Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:233

rotate

rotate(theta, flipH, flipV, cx, cy): void
Rotates the current state.
Parameters
- theta: number
- flipH: boolean
- flipV: boolean
- cx: number
- cy: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:266

rotatePoint

rotatePoint(x, y, theta, cx, cy): Point
Rotates the given point and returns the result as an Point.
Parameters
- x: number
- y: number
- theta: number
- cx: number
- cy: number
Returns Point
- Defined in view/canvas/AbstractCanvas2D.ts:211

`Abstract`roundrect

roundrect(x, y, w, h, r1, r2): void
Parameters
- x: number
- y: number
- w: number
- h: number
- r1: number
- r2: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:544

save

save(): void
Saves the current state.

Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:225

scale

scale(value): void
Scales the current state.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:249

setAlpha

setAlpha(value): void
Sets the current alpha.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:273

setDashed

setDashed(value, fixDash?): void
Enables or disables dashed lines.
Parameters
- value: boolean
- fixDash: boolean = false
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:338

setDashPattern

setDashPattern(value): void
Sets the current dash pattern.
Parameters
- value: string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:346

setFillAlpha

setFillAlpha(value): void
Sets the current solid fill alpha.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:280

setFillColor

setFillColor(value): void
Sets the current fill color.
Parameters
- value: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:294

setFontBackgroundColor

setFontBackgroundColor(value): void
Sets the current font background color.
Parameters
- value: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:381

setFontBorderColor

setFontBorderColor(value): void
Sets the current font border color.
Parameters
- value: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:388

setFontColor

setFontColor(value): void
Sets the current font color.
Parameters
- value: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:374

setFontFamily

setFontFamily(value): void
Sets the current font family.
Parameters
- value: string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:402

setFontSize

setFontSize(value): void
Sets the current font size.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:395

setFontStyle

setFontStyle(value): void
Sets the current font style.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:409

setGradient

setGradient(color1, color2, x, y, w, h, direction, alpha1?, alpha2?): void
Sets the current gradient.
Parameters
- color1: string
- color2: string
- x: number
- y: number
- w: number
- h: number
- direction: DirectionValue
- alpha1: number = 1
- alpha2: number = 1
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:302

setLineCap

setLineCap(value): void
Sets the current line cap.
Parameters
- value: string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:353

setLineJoin

setLineJoin(value): void
Sets the current line join.
Parameters
- value: string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:360

setLink

setLink(link): void
Sets the current link. Hook for subclassers.
Parameters
- link: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:242

setMiterLimit

setMiterLimit(value): void
Sets the current miter limit.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:367

setShadow

setShadow(enabled): void
Enables or disables and configures the current shadow.
Parameters
- enabled: boolean
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:416

setShadowAlpha

setShadowAlpha(value): void
Enables or disables and configures the current shadow.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:430

setShadowColor

setShadowColor(value): void
Enables or disables and configures the current shadow.
Parameters
- value: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:423

setShadowOffset

setShadowOffset(dx, dy): void
Enables or disables and configures the current shadow.
Parameters
- dx: number
- dy: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:437

setStrokeAlpha

setStrokeAlpha(value): void
Sets the current stroke alpha.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:287

setStrokeColor

setStrokeColor(value): void
Sets the current stroke color.
Parameters
- value: null | string
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:324

setStrokeWidth

setStrokeWidth(value): void
Sets the current stroke width.
Parameters
- value: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:331

`Abstract`stroke

stroke(): void
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:536

`Abstract`text

text(x, y, w, h, str, align, valign, wrap, format, overflow, clip, rotation, dir): void
Parameters
- x: number
- y: number
- w: number
- h: number
- str: string
- align: AlignValue
- valign: VAlignValue
- wrap: boolean
- format: string
- overflow: OverflowValue
- clip: boolean
- rotation: number
- dir: TextDirectionValue
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:566

translate

translate(dx, dy): void
Translates the current state.
Parameters
- dx: number
- dy: number
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:258

`Abstract`updateText

updateText(x, y, w, h, align, valign, wrap, overflow, clip, rotation, node): void
Parameters
- x: number
- y: number
- w: number
- h: number
- align: AlignValue
- valign: VAlignValue
- wrap: boolean
- overflow: OverflowValue
- clip: boolean
- rotation: number
- node: SVGElement
Returns void
- Defined in view/canvas/AbstractCanvas2D.ts:582

Class AbstractCanvas2DAbstract

Hierarchy (view full)

Index

Constructors

Properties

Methods

Constructors

constructor

Returns AbstractCanvas2D

Properties

closeOp

converter

curveOp

lastX

lastY

lineOp

moveOp

path

pointerEvents

pointerEventsValue

quadOp

rotateHtml

state

states

Methods

addOp

Parameters

Returns void

arcTo

Parameters

Returns void

begin

Returns void

close

Parameters

Returns void

createState

Returns CanvasState

createUrlConverter

Returns UrlConverter

curveTo

Parameters

Returns void

Abstractellipse

Parameters

Returns void

Abstractend

Returns void

Abstractfill

Returns void

AbstractfillAndStroke

Returns void

format

Parameters

Returns number

Abstractimage

Parameters

Returns void

lineTo

Parameters

Returns void

moveTo

Parameters

Returns void

quadTo

Parameters

Returns void

Abstractrect

Parameters

Returns void

reset

Returns void

restore

Returns void

rotate

Parameters

Returns void

rotatePoint

Parameters

Returns Point

Class AbstractCanvas2D`Abstract`

`Abstract`ellipse

`Abstract`end

`Abstract`fill

`Abstract`fillAndStroke

`Abstract`image

`Abstract`rect

`Abstract`roundrect