RenderingContext

Hierarchy

DrawingContext
- RenderingContext

Index

Properties

direction

direction: CanvasDirection

fillStyle

fillStyle: string | CanvasGradient | CanvasPattern

filter

filter: string

font

font: string

globalAlpha

globalAlpha: number

globalCompositeOperation

globalCompositeOperation: string

imageSmoothingEnabled

imageSmoothingEnabled: boolean

imageSmoothingQuality

imageSmoothingQuality: ImageSmoothingQuality

lineCap

lineCap: CanvasLineCap

lineDashOffset

lineDashOffset: number

lineJoin

lineJoin: CanvasLineJoin

lineWidth

lineWidth: number

miterLimit

miterLimit: number

shadowBlur

shadowBlur: number

shadowColor

shadowColor: string

shadowOffsetX

shadowOffsetX: number

shadowOffsetY

shadowOffsetY: number

strokeStyle

strokeStyle: string | CanvasGradient | CanvasPattern

textAlign

textAlign: CanvasTextAlign

textBaseline

textBaseline: CanvasTextBaseline

Methods

arc

arc(x: number, y: number, r: number, a0: number, a1: number, ccw?: undefined | false | true): void

Overrides DrawingContext.arc
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:88
Parameters
- x: number
- y: number
- r: number
- a0: number
- a1: number
- Optional ccw: undefined | false | true
Returns void

arcTo

arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void

Overrides DrawingContext.arcTo
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:89
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void

beginPath

beginPath(): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:51
Returns void

bezierCurveTo

bezierCurveTo(x1: number, y1: number, x2: number, y2: number, x: number, y: number): void

Overrides DrawingContext.bezierCurveTo
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:90
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- x: number
- y: number
Returns void

clearRect

clearRect(x: number, y: number, w: number, h: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:47
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

clip

clip(fillRule?: CanvasFillRule): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:52
Parameters
- Optional fillRule: CanvasFillRule
Returns void

closePath

closePath(): void

Overrides DrawingContext.closePath
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:91
Returns void

createImageData

createImageData(sw: number, sh: number): ImageData
createImageData(imagedata: ImageData): ImageData

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:69
Parameters
- sw: number
- sh: number
Returns ImageData
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:70
Parameters
- imagedata: ImageData
Returns ImageData

createLinearGradient

createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:36
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns CanvasGradient

createPattern

createPattern(image: CanvasImageSource, repetition: string): CanvasPattern | null

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:37
Parameters
- image: CanvasImageSource
- repetition: string
Returns CanvasPattern | null

createRadialGradient

createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:38
Parameters
- x0: number
- y0: number
- r0: number
- x1: number
- y1: number
- r1: number
Returns CanvasGradient

drawFocusIfNeeded

drawFocusIfNeeded(element: Element): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:58
Parameters
- element: Element
Returns void

drawImage

drawImage(image: CanvasImageSource, dx: number, dy: number): void
drawImage(image: CanvasImageSource, dx: number, dy: number, dw: number, dh: number): void
drawImage(image: CanvasImageSource, sx: number, sy: number, sw: number, sh: number, dx: number, dy: number, dw: number, dh: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:65
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
Returns void
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:66
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:67
Parameters
- image: CanvasImageSource
- sx: number
- sy: number
- sw: number
- sh: number
- dx: number
- dy: number
- dw: number
- dh: number
Returns void

fill

fill(fillRule?: CanvasFillRule): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:53
Parameters
- Optional fillRule: CanvasFillRule
Returns void

fillRect

fillRect(x: number, y: number, w: number, h: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:48
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

fillText

fillText(text: string, x: number, y: number, maxWidth?: undefined | number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:61
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: undefined | number
Returns void

getImageData

getImageData(sx: number, sy: number, sw: number, sh: number): ImageData

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:71
Parameters
- sx: number
- sy: number
- sw: number
- sh: number
Returns ImageData

getLineDash

getLineDash(): number[]

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:80
Returns number[]

isPointInPath

isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:54
Parameters
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean

isPointInStroke

isPointInStroke(x: number, y: number): boolean

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:55
Parameters
- x: number
- y: number
Returns boolean

lineTo

lineTo(x: number, y: number): void

Overrides DrawingContext.lineTo
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:92
Parameters
- x: number
- y: number
Returns void

measureText

measureText(text: string): TextMetrics

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:62
Parameters
- text: string
Returns TextMetrics

moveTo

moveTo(x: number, y: number): void

Overrides DrawingContext.moveTo
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:93
Parameters
- x: number
- y: number
Returns void

putImageData

putImageData(imagedata: ImageData, dx: number, dy: number): void
putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:72
Parameters
- imagedata: ImageData
- dx: number
- dy: number
Returns void
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:73
Parameters
- imagedata: ImageData
- dx: number
- dy: number
- dirtyX: number
- dirtyY: number
- dirtyWidth: number
- dirtyHeight: number
Returns void

quadraticCurveTo

quadraticCurveTo(x1: number, y1: number, x: number, y: number): void

Overrides DrawingContext.quadraticCurveTo
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:94
Parameters
- x1: number
- y1: number
- x: number
- y: number
Returns void

rect

rect(x: number, y: number, w: number, h: number): void

Overrides DrawingContext.rect
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:95
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

restore

restore(): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:19
Returns void

rotate

rotate(angle: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:21
Parameters
- angle: number
Returns void

save

save(): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:18
Returns void

scale

scale(x: number, y: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:22
Parameters
- x: number
- y: number
Returns void

scrollPathIntoView

scrollPathIntoView(): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:59
Returns void

setLineDash

setLineDash(segments: number[]): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:81
Parameters
- segments: number[]
Returns void

setTransform

setTransform(x0: number, y0: number, x1: number, y1: number, tx: number, ty: number): void
setTransform(transform?: DOMMatrix2DInit): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:23
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
- tx: number
- ty: number
Returns void
- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:24
Parameters
- Optional transform: DOMMatrix2DInit
Returns void

stroke

stroke(): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:56
Returns void

strokeRect

strokeRect(x: number, y: number, w: number, h: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:49
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

strokeText

strokeText(text: string, x: number, y: number, maxWidth?: undefined | number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:63
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: undefined | number
Returns void

transform

transform(x0: number, y0: number, x1: number, y1: number, tx: number, ty: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:25
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
- tx: number
- ty: number
Returns void

translate

translate(x: number, y: number): void

- Defined in swim-ui-js/@swim/render/main/RenderingContext.ts:26
Parameters
- x: number
- y: number
Returns void

Hierarchy

Index

Properties

Methods

Properties

direction

fillStyle

filter

font

globalAlpha

globalCompositeOperation

imageSmoothingEnabled

imageSmoothingQuality

lineCap

lineDashOffset

lineJoin

lineWidth

miterLimit

shadowBlur

shadowColor

shadowOffsetX

shadowOffsetY

strokeStyle

textAlign

textBaseline

Methods

arc

Parameters

x: number

y: number

r: number

a0: number

a1: number

Optional ccw: undefined | false | true

Returns void

arcTo

Parameters

x1: number

y1: number

x2: number

y2: number

radius: number

Returns void

beginPath

Returns void

bezierCurveTo

Parameters

x1: number

y1: number

x2: number

y2: number

x: number

y: number

Returns void

clearRect

Parameters

x: number

y: number

w: number

h: number

Returns void

clip

Parameters

Optional fillRule: CanvasFillRule

Returns void

closePath

Returns void

createImageData

Parameters

sw: number

sh: number

Returns ImageData

Parameters

imagedata: ImageData

Returns ImageData

createLinearGradient

Parameters

x0: number

y0: number

x1: number