CanvasRenderingContext2D | API Reference | Injective - Powering the future of decentralized finance.

The CanvasRenderingContext2D interface, part of the Canvas API, provides the 2D rendering context for the drawing surface of a

Hierarchy

Properties

filter

filter: string

font

font: string

fontKerning

fontKerning: CanvasFontKerning

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 | internal.CanvasGradient | internal.CanvasPattern

textAlign

textAlign: CanvasTextAlign

textBaseline

textBaseline: CanvasTextBaseline

Methods

arc

arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void

Inherited from CanvasPath.arc
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3578
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

Inherited from CanvasPath.arcTo
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3579
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void

beginPath

beginPath(): void

Inherited from CanvasDrawPath.beginPath
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3523
Returns void

bezierCurveTo

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

Inherited from CanvasPath.bezierCurveTo
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3580
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/typescript/lib/lib.dom.d.ts:3612
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

clip

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

Inherited from CanvasDrawPath.clip
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3524
Parameters
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.clip
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3525
Parameters
- path: internal.Path2D
- Optional fillRule: CanvasFillRule
Returns void

closePath

closePath(): void

Inherited from CanvasPath.closePath
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3581
Returns void

createConicGradient

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

Inherited from CanvasFillStrokeStyles.createConicGradient
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3539
Parameters
- startAngle: number
- x: number
- y: number
Returns internal.CanvasGradient

createImageData

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

Inherited from CanvasImageData.createImageData
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3565
Parameters
- sw: number
- sh: number
- Optional settings: ImageDataSettings
Returns internal.ImageData
Inherited from CanvasImageData.createImageData
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3566
Parameters
- imagedata: internal.ImageData
Returns internal.ImageData

createLinearGradient

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

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

createPattern

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

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

createRadialGradient

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

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

drawFocusIfNeeded

drawFocusIfNeeded(element: internal.Element): void
drawFocusIfNeeded(path: internal.Path2D, element: internal.Element): void

Inherited from CanvasUserInterface.drawFocusIfNeeded
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3666
Parameters
- element: internal.Element
Returns void
Inherited from CanvasUserInterface.drawFocusIfNeeded
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3667
Parameters
- path: internal.Path2D
- element: internal.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

Inherited from CanvasDrawImage.drawImage
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3517
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3518
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3519
Parameters
- image: 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

Inherited from CanvasPath.ellipse
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3582
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: internal.Path2D, fillRule?: CanvasFillRule): void

Inherited from CanvasDrawPath.fill
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3526
Parameters
- Optional fillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.fill
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3527
Parameters
- path: internal.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/typescript/lib/lib.dom.d.ts:3613
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/typescript/lib/lib.dom.d.ts:3641
Parameters
- text: string
- x: number
- y: number
- Optional maxWidth: number
Returns void

getContextAttributes

getContextAttributes(): CanvasRenderingContext2DSettings

- Defined in node_modules/typescript/lib/lib.dom.d.ts:3620
Returns CanvasRenderingContext2DSettings

getImageData

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

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

getLineDash

getLineDash(): number[]

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

getTransform

getTransform(): internal.DOMMatrix

Inherited from CanvasTransform.getTransform
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3655
Returns internal.DOMMatrix

isPointInPath

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

Inherited from CanvasDrawPath.isPointInPath
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3528
Parameters
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean
Inherited from CanvasDrawPath.isPointInPath
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3529
Parameters
- path: internal.Path2D
- x: number
- y: number
- Optional fillRule: CanvasFillRule
Returns boolean

isPointInStroke

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

Inherited from CanvasDrawPath.isPointInStroke
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3530
Parameters
- x: number
- y: number
Returns boolean
Inherited from CanvasDrawPath.isPointInStroke
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3531
Parameters
- path: internal.Path2D
- x: number
- y: number
Returns boolean

lineTo

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

Inherited from CanvasPath.lineTo
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3583
Parameters
- x: number
- y: number
Returns void

measureText

measureText(text: string): internal.TextMetrics

Inherited from CanvasText.measureText
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3642
Parameters
- text: string
Returns internal.TextMetrics

moveTo

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

Inherited from CanvasPath.moveTo
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3584
Parameters
- x: number
- y: number
Returns void

putImageData

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

Inherited from CanvasImageData.putImageData
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3568
Parameters
- imagedata: internal.ImageData
- dx: number
- dy: number
Returns void
Inherited from CanvasImageData.putImageData
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3569
Parameters
- imagedata: internal.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

Inherited from CanvasPath.quadraticCurveTo
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3585
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void

rect

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

Inherited from CanvasPath.rect
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3586
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void

resetTransform

resetTransform(): void

Inherited from CanvasTransform.resetTransform
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3656
Returns void

restore

restore(): void

Inherited from CanvasState.restore
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3636
Returns void

rotate

rotate(angle: number): void

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

roundRect

roundRect(x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | (number | DOMPointInit)[]): void

Inherited from CanvasPath.roundRect
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3587
Parameters
- x: number
- y: number
- w: number
- h: number
- Optional radii: number | DOMPointInit | (number | DOMPointInit)[]
Returns void

save

save(): void

Inherited from CanvasState.save
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3637
Returns void

scale

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

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

setLineDash

setLineDash(segments: number[]): void

Inherited from CanvasPathDrawingStyles.setLineDash
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3597
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/typescript/lib/lib.dom.d.ts:3659
Parameters
- a: number
- b: number
- c: number
- d: number
- e: number
- f: number
Returns void
Inherited from CanvasTransform.setTransform
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3660
Parameters
- Optional transform: DOMMatrix2DInit
Returns void

stroke

stroke(): void
stroke(path: internal.Path2D): void

Inherited from CanvasDrawPath.stroke
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3532
Returns void
Inherited from CanvasDrawPath.stroke
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3533
Parameters
- path: internal.Path2D
Returns void

strokeRect

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

Inherited from CanvasRect.strokeRect
- Defined in node_modules/typescript/lib/lib.dom.d.ts:3614
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/typescript/lib/lib.dom.d.ts:3643
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/typescript/lib/lib.dom.d.ts:3661
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/typescript/lib/lib.dom.d.ts:3662
Parameters
- x: number
- y: number
Returns void

Hierarchy

Index

Properties

Methods

Properties

Readonly canvas

direction

fillStyle

filter

font

fontKerning

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

arcTo

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

clearRect

Parameters

x: number

y: number

w: number

h: number

Returns void

clip

Parameters

Optional fillRule: CanvasFillRule

Returns void

Parameters

path: internal.Path2D

Optional fillRule: CanvasFillRule

Returns void

closePath

Returns void

createConicGradient

Parameters

startAngle: number

x: number

y: number

Returns internal.CanvasGradient

createImageData