OffscreenCanvasRenderingContext2D | @vladmandic/human

Hierarchy

CanvasState
CanvasTransform
CanvasCompositing
CanvasImageSmoothing
CanvasFillStrokeStyles
CanvasShadowStyles
CanvasFilters
CanvasRect
CanvasDrawPath
CanvasText
CanvasDrawImage
CanvasImageData
CanvasPathDrawingStyles
CanvasTextDrawingStyles
CanvasPath
- OffscreenCanvasRenderingContext2D

Properties

Readonly canvas

canvas: OffscreenCanvas

direction

direction: CanvasDirection

fillStyle

fillStyle: string | CanvasGradient | CanvasPattern

filter

filter: string

font

font: string

globalAlpha

globalAlpha: number

globalCompositeOperation

globalCompositeOperation: GlobalCompositeOperation

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, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void
arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void

Inherited from CanvasPath.arc
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3366
Parameters
- x: number
- y: number
- radius: number
- startAngle: number
- endAngle: number
- Optional counterclockwise: boolean
Returns void
Inherited from CanvasPath.arc
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:857
Parameters
- x: number
- y: number
- radius: number
- startAngle: number
- endAngle: number
- Optional counterclockwise: boolean
Returns void

arcTo

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

Inherited from CanvasPath.arcTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3367
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void
Inherited from CanvasPath.arcTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:858
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void

beginPath

beginPath(): void

Inherited from CanvasDrawPath.beginPath
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3311
Returns void

bezierCurveTo

bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void
bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void

Inherited from CanvasPath.bezierCurveTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3368
Parameters
- cp1x: number
- cp1y: number
- cp2x: number
- cp2y: number
- x: number
- y: number
Returns void
Inherited from CanvasPath.bezierCurveTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:859
Parameters
- cp1x: number
- cp1y: number
- cp2x: number
- cp2y: number
- x: number
- y: number
Returns void

clearRect

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

Inherited from CanvasRect.clearRect
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3399
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

clip

clip(fillRule?: CanvasFillRule): void
clip(path: Path2D, fillRule?: CanvasFillRule): void

Inherited from CanvasDrawPath.clip
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3312
Parameters
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.clip
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3313
Parameters
- path: Path2D
- Optional fillRule: CanvasFillRule
Returns void

closePath

closePath(): void
closePath(): void

Inherited from CanvasPath.closePath
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3369
Returns void
Inherited from CanvasPath.closePath
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:860
Returns void

createConicGradient

createConicGradient(startAngle: number, x: number, y: number): CanvasGradient

Inherited from CanvasFillStrokeStyles.createConicGradient
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3327
Parameters
- startAngle: number
- x: number
- y: number
Returns CanvasGradient

createImageData

createImageData(sw: number, sh: number, settings?: ImageDataSettings): ImageData
createImageData(imagedata: ImageData): ImageData

Inherited from CanvasImageData.createImageData
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3353
Parameters
- sw: number
- sh: number
- Optional settings: ImageDataSettings
Returns ImageData
Inherited from CanvasImageData.createImageData
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3354
Parameters
- imagedata: ImageData
Returns ImageData

createLinearGradient

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

Inherited from CanvasFillStrokeStyles.createLinearGradient
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3328
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns CanvasGradient

createPattern

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

Inherited from CanvasFillStrokeStyles.createPattern
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3329
Parameters
- image: CanvasImageSource
- repetition: null | string
Returns null | CanvasPattern

createRadialGradient

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

Inherited from CanvasFillStrokeStyles.createRadialGradient
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3330
Parameters
- x0: number
- y0: number
- r0: number
- x1: number
- y1: number
- r1: number
Returns CanvasGradient

drawImage

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

Inherited from CanvasDrawImage.drawImage
- Defined in src/tfjs/offscreencanvas.ts:52
Parameters
- image: OffscreenCanvas | CanvasImageSource
- dx: number
- dy: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in src/tfjs/offscreencanvas.ts:54
Parameters
- image: OffscreenCanvas | CanvasImageSource
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in src/tfjs/offscreencanvas.ts:56
Parameters
- image: OffscreenCanvas | CanvasImageSource
- sx: number
- sy: number
- sw: number
- sh: number
- dx: number
- dy: number
- dw: number
- dh: number
Returns void

ellipse

ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void
ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void

Inherited from CanvasPath.ellipse
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3370
Parameters
- x: number
- y: number
- radiusX: number
- radiusY: number
- rotation: number
- startAngle: number
- endAngle: number
- Optional counterclockwise: boolean
Returns void
Inherited from CanvasPath.ellipse
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:861
Parameters
- x: number
- y: number
- radiusX: number
- radiusY: number
- rotation: number
- startAngle: number
- endAngle: number
- Optional counterclockwise: boolean
Returns void

fill

fill(fillRule?: CanvasFillRule): void
fill(path: Path2D, fillRule?: CanvasFillRule): void

Inherited from CanvasDrawPath.fill
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3314
Parameters
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.fill
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3315
Parameters
- path: Path2D
- Optional fillRule: CanvasFillRule
Returns void

fillRect

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

Inherited from CanvasRect.fillRect
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3400
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

fillText

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

Inherited from CanvasText.fillText
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3428
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: number
Returns void

getImageData

getImageData(sx: number, sy: number, sw: number, sh: number, settings?: ImageDataSettings): ImageData

Inherited from CanvasImageData.getImageData
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3355
Parameters
- sx: number
- sy: number
- sw: number
- sh: number
- Optional settings: ImageDataSettings
Returns ImageData

getLineDash

getLineDash(): number[]

Inherited from CanvasPathDrawingStyles.getLineDash
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3383
Returns number[]

getTransform

getTransform(): DOMMatrix

Inherited from CanvasTransform.getTransform
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3441
Returns DOMMatrix

isPointInPath

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

Inherited from CanvasDrawPath.isPointInPath
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3316
Parameters
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean
Inherited from CanvasDrawPath.isPointInPath
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3317
Parameters
- path: Path2D
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean

isPointInStroke

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

Inherited from CanvasDrawPath.isPointInStroke
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3318
Parameters
- x: number
- y: number
Returns boolean
Inherited from CanvasDrawPath.isPointInStroke
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3319
Parameters
- path: Path2D
- x: number
- y: number
Returns boolean

lineTo

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

Inherited from CanvasPath.lineTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3371
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasPath.lineTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:862
Parameters
- x: number
- y: number
Returns void

measureText

measureText(text: string): TextMetrics

Inherited from CanvasText.measureText
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3429
Parameters
- text: string
Returns TextMetrics

moveTo

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

Inherited from CanvasPath.moveTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3372
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasPath.moveTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:863
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

Inherited from CanvasImageData.putImageData
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3356
Parameters
- imagedata: ImageData
- dx: number
- dy: number
Returns void
Inherited from CanvasImageData.putImageData
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3357
Parameters
- imagedata: ImageData
- dx: number
- dy: number
- dirtyX: number
- dirtyY: number
- dirtyWidth: number
- dirtyHeight: number
Returns void

quadraticCurveTo

quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void

Inherited from CanvasPath.quadraticCurveTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3373
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void
Inherited from CanvasPath.quadraticCurveTo
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:864
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void

rect

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

Inherited from CanvasPath.rect
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3374
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasPath.rect
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.webworker.d.ts:865
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

resetTransform

resetTransform(): void

Inherited from CanvasTransform.resetTransform
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3442
Returns void

restore

restore(): void

Inherited from CanvasState.restore
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3423
Returns void

rotate

rotate(angle: number): void

Inherited from CanvasTransform.rotate
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3443
Parameters
- angle: number
Returns void

save

save(): void

Inherited from CanvasState.save
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3424
Returns void

scale

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

Inherited from CanvasTransform.scale
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3444
Parameters
- x: number
- y: number
Returns void

setLineDash

setLineDash(segments: number[]): void

Inherited from CanvasPathDrawingStyles.setLineDash
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3384
Parameters
- segments: number[]
Returns void

setTransform

setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void
setTransform(transform?: DOMMatrix2DInit): void

Inherited from CanvasTransform.setTransform
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3445
Parameters
- a: number
- b: number
- c: number
- d: number
- e: number
- f: number
Returns void
Inherited from CanvasTransform.setTransform
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3446
Parameters
- Optional transform: DOMMatrix2DInit
Returns void

stroke

stroke(): void
stroke(path: Path2D): void

Inherited from CanvasDrawPath.stroke
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3320
Returns void
Inherited from CanvasDrawPath.stroke
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3321
Parameters
- path: Path2D
Returns void

strokeRect

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

Inherited from CanvasRect.strokeRect
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3401
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

strokeText

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

Inherited from CanvasText.strokeText
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3430
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: number
Returns void

transform

transform(a: number, b: number, c: number, d: number, e: number, f: number): void

Inherited from CanvasTransform.transform
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3447
Parameters
- a: number
- b: number
- c: number
- d: number
- e: number
- f: number
Returns void

translate

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

Inherited from CanvasTransform.translate
- Defined in node_modules/.pnpm/typescript@4.6.3/node_modules/typescript/lib/lib.dom.d.ts:3448
Parameters
- x: number
- y: number
Returns void

Hierarchy

Index

Properties

Methods

Properties

Readonly canvas

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

radius: number

startAngle: number

endAngle: number

Optional counterclockwise: boolean

Returns void

Parameters

x: number

y: number

radius: number

startAngle: number

endAngle: number

Optional counterclockwise: boolean

Returns void

arcTo

Parameters

x1: number

y1: number

x2: number

y2: number

radius: number

Returns void

Parameters

x1: number

y1: number

x2: number

y2: number

radius: number

Returns void

beginPath

Returns void

bezierCurveTo

Parameters

cp1x: number

cp1y: number

cp2x: number

cp2y: number

x: number

y: number

Returns void

Parameters

cp1x: number

cp1y: number

cp2x: number

cp2y: number

x: number

y: number

Returns void

clearRect

Parameters