LogoPixi’VN
pixi-jsInterfaces

Interface: CrossPlatformCanvasRenderingContext2D

Defined in: node_modules/pixi.js/lib/rendering/renderers/canvas/CanvasContextSystem.d.ts:11

Internal

Canvas 2D context with vendor image smoothing flags.

Extends

Properties

direction

> direction: CanvasDirection

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7799

MDN Reference

Inherited from

ICanvasRenderingContext2D.direction


fillStyle

> fillStyle: string | CanvasPattern | CanvasGradient

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7619

MDN Reference

Inherited from

ICanvasRenderingContext2D.fillStyle


filter

> filter: string

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7634

MDN Reference

Inherited from

ICanvasRenderingContext2D.filter


font

> font: string

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7801

MDN Reference

Inherited from

ICanvasRenderingContext2D.font


fontKerning

> fontKerning: CanvasFontKerning

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7803

MDN Reference

Inherited from

ICanvasRenderingContext2D.fontKerning


fontStretch

> fontStretch: CanvasFontStretch

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7805

MDN Reference

Inherited from

ICanvasRenderingContext2D.fontStretch


fontVariantCaps

> fontVariantCaps: CanvasFontVariantCaps

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7807

MDN Reference

Inherited from

ICanvasRenderingContext2D.fontVariantCaps


globalAlpha

> globalAlpha: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7585

MDN Reference

Inherited from

ICanvasRenderingContext2D.globalAlpha


globalCompositeOperation

> globalCompositeOperation: GlobalCompositeOperation

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7587

MDN Reference

Inherited from

ICanvasRenderingContext2D.globalCompositeOperation


imageSmoothingEnabled

> imageSmoothingEnabled: boolean

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7669

MDN Reference

Inherited from

ICanvasRenderingContext2D.imageSmoothingEnabled


imageSmoothingQuality

> imageSmoothingQuality: ImageSmoothingQuality

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7671

MDN Reference

Inherited from

ICanvasRenderingContext2D.imageSmoothingQuality


letterSpacing?

> optional letterSpacing?: string

Defined in: node_modules/pixi.js/lib/environment/canvas/ICanvasRenderingContext2D.d.ts:16

sets the horizontal spacing behavior between text characters.

Inherited from

ICanvasRenderingContext2D.letterSpacing


lineCap

> lineCap: CanvasLineCap

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7699

MDN Reference

Inherited from

ICanvasRenderingContext2D.lineCap


lineDashOffset

> lineDashOffset: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7701

MDN Reference

Inherited from

ICanvasRenderingContext2D.lineDashOffset


lineJoin

> lineJoin: CanvasLineJoin

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7703

MDN Reference

Inherited from

ICanvasRenderingContext2D.lineJoin


lineWidth

> lineWidth: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7705

MDN Reference

Inherited from

ICanvasRenderingContext2D.lineWidth


miterLimit

> miterLimit: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7707

MDN Reference

Inherited from

ICanvasRenderingContext2D.miterLimit


mozImageSmoothingEnabled

> mozImageSmoothingEnabled: boolean

Defined in: node_modules/pixi.js/lib/rendering/renderers/canvas/CanvasContextSystem.d.ts:15

Mozilla-specific image smoothing flag.


msImageSmoothingEnabled

> msImageSmoothingEnabled: boolean

Defined in: node_modules/pixi.js/lib/rendering/renderers/canvas/CanvasContextSystem.d.ts:19

Microsoft-specific image smoothing flag.


oImageSmoothingEnabled

> oImageSmoothingEnabled: boolean

Defined in: node_modules/pixi.js/lib/rendering/renderers/canvas/CanvasContextSystem.d.ts:17

Opera-specific image smoothing flag.


shadowBlur

> shadowBlur: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7768

MDN Reference

Inherited from

ICanvasRenderingContext2D.shadowBlur


shadowColor

> shadowColor: string

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7770

MDN Reference

Inherited from

ICanvasRenderingContext2D.shadowColor


shadowOffsetX

> shadowOffsetX: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7772

MDN Reference

Inherited from

ICanvasRenderingContext2D.shadowOffsetX


shadowOffsetY

> shadowOffsetY: number

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7774

MDN Reference

Inherited from

ICanvasRenderingContext2D.shadowOffsetY


strokeStyle

> strokeStyle: string | CanvasPattern | CanvasGradient

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7621

MDN Reference

Inherited from

ICanvasRenderingContext2D.strokeStyle


textAlign

> textAlign: CanvasTextAlign

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7811

MDN Reference

Inherited from

ICanvasRenderingContext2D.textAlign


textBaseline

> textBaseline: CanvasTextBaseline

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7813

MDN Reference

Inherited from

ICanvasRenderingContext2D.textBaseline


textLetterSpacing?

> optional textLetterSpacing?: string

Defined in: node_modules/pixi.js/lib/environment/canvas/ICanvasRenderingContext2D.d.ts:18

sets the horizontal spacing behavior between text characters.

Inherited from

ICanvasRenderingContext2D.textLetterSpacing


textRendering

> textRendering: CanvasTextRendering

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7815

MDN Reference

Inherited from

ICanvasRenderingContext2D.textRendering


webkitImageSmoothingEnabled

> webkitImageSmoothingEnabled: boolean

Defined in: node_modules/pixi.js/lib/rendering/renderers/canvas/CanvasContextSystem.d.ts:13

WebKit-specific image smoothing flag.


wordSpacing

> wordSpacing: string

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7817

MDN Reference

Inherited from

ICanvasRenderingContext2D.wordSpacing

Methods

arc()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7676

MDN Reference

Parameters

x

number

y

number

radius

number

startAngle

number

endAngle

number

counterclockwise?

boolean

Returns

void

Inherited from

ICanvasRenderingContext2D.arc


arcTo()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7678

MDN Reference

Parameters

x1

number

y1

number

x2

number

y2

number

radius

number

Returns

void

Inherited from

ICanvasRenderingContext2D.arcTo


beginPath()

> beginPath(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7599

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.beginPath


bezierCurveTo()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7680

MDN Reference

Parameters

cp1x

number

cp1y

number

cp2x

number

cp2y

number

x

number

y

number

Returns

void

Inherited from

ICanvasRenderingContext2D.bezierCurveTo


clearRect()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7735

MDN Reference

Parameters

x

number

y

number

w

number

h

number

Returns

void

Inherited from

ICanvasRenderingContext2D.clearRect


clip()

Call Signature

> clip(fillRule?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7601

MDN Reference

Parameters
fillRule?

CanvasFillRule

Returns

void

Inherited from

ICanvasRenderingContext2D.clip

Call Signature

> clip(path, fillRule?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7602

Parameters
path

Path2D

fillRule?

CanvasFillRule

Returns

void

Inherited from

ICanvasRenderingContext2D.clip


closePath()

> closePath(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7682

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.closePath


createConicGradient()

> createConicGradient(startAngle, x, y): CanvasGradient

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7623

MDN Reference

Parameters

startAngle

number

x

number

y

number

Returns

CanvasGradient

Inherited from

ICanvasRenderingContext2D.createConicGradient


createImageData()

Call Signature

> createImageData(sw, sh, settings?): ImageData

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7658

MDN Reference

Parameters
sw

number

sh

number

settings?

ImageDataSettings

Returns

ImageData

Inherited from

ICanvasRenderingContext2D.createImageData

Call Signature

> createImageData(imageData): ImageData

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7659

Parameters
imageData

ImageData

Returns

ImageData

Inherited from

ICanvasRenderingContext2D.createImageData


createLinearGradient()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7625

MDN Reference

Parameters

x0

number

y0

number

x1

number

y1

number

Returns

CanvasGradient

Inherited from

ICanvasRenderingContext2D.createLinearGradient


createPattern()

> createPattern(image, repetition): CanvasPattern | null

Defined in: node_modules/pixi.js/lib/environment/canvas/ICanvasRenderingContext2D.d.ts:10

creates a pattern using the specified image and repetition.

Parameters

image

ICanvas | ImageLike | CanvasImageSource

repetition

string | null

Returns

CanvasPattern | null

Inherited from

ICanvasRenderingContext2D.createPattern


createRadialGradient()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7629

MDN Reference

Parameters

x0

number

y0

number

r0

number

x1

number

y1

number

r1

number

Returns

CanvasGradient

Inherited from

ICanvasRenderingContext2D.createRadialGradient


drawImage()

Call Signature

> drawImage(image, dx, dy): void

Defined in: node_modules/pixi.js/lib/environment/canvas/ICanvasRenderingContext2D.d.ts:12

provides different ways to draw an image onto the canvas

Parameters
image

ICanvas | ImageLike | CanvasImageSource

dx

number

dy

number

Returns

void

Inherited from

ICanvasRenderingContext2D.drawImage

Call Signature

> drawImage(image, dx, dy, dw, dh): void

Defined in: node_modules/pixi.js/lib/environment/canvas/ICanvasRenderingContext2D.d.ts:13

MDN Reference

Parameters
image

ICanvas | ImageLike | CanvasImageSource

dx

number

dy

number

dw

number

dh

number

Returns

void

Inherited from

ICanvasRenderingContext2D.drawImage

Call Signature

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

Defined in: node_modules/pixi.js/lib/environment/canvas/ICanvasRenderingContext2D.d.ts:14

MDN Reference

Parameters
image

ICanvas | ImageLike | CanvasImageSource

sx

number

sy

number

sw

number

sh

number

dx

number

dy

number

dw

number

dh

number

Returns

void

Inherited from

ICanvasRenderingContext2D.drawImage


ellipse()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7684

MDN Reference

Parameters

x

number

y

number

radiusX

number

radiusY

number

rotation

number

startAngle

number

endAngle

number

counterclockwise?

boolean

Returns

void

Inherited from

ICanvasRenderingContext2D.ellipse


fill()

Call Signature

> fill(fillRule?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7604

MDN Reference

Parameters
fillRule?

CanvasFillRule

Returns

void

Inherited from

ICanvasRenderingContext2D.fill

Call Signature

> fill(path, fillRule?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7605

Parameters
path

Path2D

fillRule?

CanvasFillRule

Returns

void

Inherited from

ICanvasRenderingContext2D.fill


fillRect()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7737

MDN Reference

Parameters

x

number

y

number

w

number

h

number

Returns

void

Inherited from

ICanvasRenderingContext2D.fillRect


fillText()

> fillText(text, x, y, maxWidth?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7790

MDN Reference

Parameters

text

string

x

number

y

number

maxWidth?

number

Returns

void

Inherited from

ICanvasRenderingContext2D.fillText


getImageData()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7661

MDN Reference

Parameters

sx

number

sy

number

sw

number

sh

number

settings?

ImageDataSettings

Returns

ImageData

Inherited from

ICanvasRenderingContext2D.getImageData


getLineDash()

> getLineDash(): number[]

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7709

MDN Reference

Returns

number[]

Inherited from

ICanvasRenderingContext2D.getLineDash


getTransform()

> getTransform(): DOMMatrix

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7822

MDN Reference

Returns

DOMMatrix

Inherited from

ICanvasRenderingContext2D.getTransform


isContextLost()

> isContextLost(): boolean

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7779

MDN Reference

Returns

boolean

Inherited from

ICanvasRenderingContext2D.isContextLost


isPointInPath()

Call Signature

> isPointInPath(x, y, fillRule?): boolean

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7607

MDN Reference

Parameters
x

number

y

number

fillRule?

CanvasFillRule

Returns

boolean

Inherited from

ICanvasRenderingContext2D.isPointInPath

Call Signature

> isPointInPath(path, x, y, fillRule?): boolean

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7608

Parameters
path

Path2D

x

number

y

number

fillRule?

CanvasFillRule

Returns

boolean

Inherited from

ICanvasRenderingContext2D.isPointInPath


isPointInStroke()

Call Signature

> isPointInStroke(x, y): boolean

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7610

MDN Reference

Parameters
x

number

y

number

Returns

boolean

Inherited from

ICanvasRenderingContext2D.isPointInStroke

Call Signature

> isPointInStroke(path, x, y): boolean

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7611

Parameters
path

Path2D

x

number

y

number

Returns

boolean

Inherited from

ICanvasRenderingContext2D.isPointInStroke


lineTo()

> lineTo(x, y): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7686

MDN Reference

Parameters

x

number

y

number

Returns

void

Inherited from

ICanvasRenderingContext2D.lineTo


measureText()

> measureText(text): TextMetrics

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7792

MDN Reference

Parameters

text

string

Returns

TextMetrics

Inherited from

ICanvasRenderingContext2D.measureText


moveTo()

> moveTo(x, y): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7688

MDN Reference

Parameters

x

number

y

number

Returns

void

Inherited from

ICanvasRenderingContext2D.moveTo


putImageData()

Call Signature

> putImageData(imageData, dx, dy): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7663

MDN Reference

Parameters
imageData

ImageData

dx

number

dy

number

Returns

void

Inherited from

ICanvasRenderingContext2D.putImageData

Call Signature

> putImageData(imageData, dx, dy, dirtyX, dirtyY, dirtyWidth, dirtyHeight): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7664

Parameters
imageData

ImageData

dx

number

dy

number

dirtyX

number

dirtyY

number

dirtyWidth

number

dirtyHeight

number

Returns

void

Inherited from

ICanvasRenderingContext2D.putImageData


quadraticCurveTo()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7690

MDN Reference

Parameters

cpx

number

cpy

number

x

number

y

number

Returns

void

Inherited from

ICanvasRenderingContext2D.quadraticCurveTo


rect()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7692

MDN Reference

Parameters

x

number

y

number

w

number

h

number

Returns

void

Inherited from

ICanvasRenderingContext2D.rect


reset()

> reset(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7781

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.reset


resetTransform()

> resetTransform(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7824

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.resetTransform


restore()

> restore(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7783

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.restore


rotate()

> rotate(angle): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7826

MDN Reference

Parameters

angle

number

Returns

void

Inherited from

ICanvasRenderingContext2D.rotate


roundRect()

Call Signature

> roundRect(x, y, w, h, radii?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7694

MDN Reference

Parameters
x

number

y

number

w

number

h

number

radii?

number | DOMPointInit | (number | DOMPointInit)[]

Returns

void

Inherited from

ICanvasRenderingContext2D.roundRect

Call Signature

> roundRect(x, y, w, h, radii?): void

Defined in: node_modules/typescript/lib/lib.dom.iterable.d.ts:94

MDN Reference

Parameters
x

number

y

number

w

number

h

number

radii?

number | DOMPointInit | Iterable<number | DOMPointInit, any, any>

Returns

void

Inherited from

ICanvasRenderingContext2D.roundRect


save()

> save(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7785

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.save


scale()

> scale(x, y): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7828

MDN Reference

Parameters

x

number

y

number

Returns

void

Inherited from

ICanvasRenderingContext2D.scale


setLineDash()

Call Signature

> setLineDash(segments): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7711

MDN Reference

Parameters
segments

number[]

Returns

void

Inherited from

ICanvasRenderingContext2D.setLineDash

Call Signature

> setLineDash(segments): void

Defined in: node_modules/typescript/lib/lib.dom.iterable.d.ts:99

MDN Reference

Parameters
segments

Iterable<number>

Returns

void

Inherited from

ICanvasRenderingContext2D.setLineDash


setTransform()

Call Signature

> setTransform(a, b, c, d, e, f): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7830

MDN Reference

Parameters
a

number

b

number

c

number

d

number

e

number

f

number

Returns

void

Inherited from

ICanvasRenderingContext2D.setTransform

Call Signature

> setTransform(transform?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7831

Parameters
transform?

DOMMatrix2DInit

Returns

void

Inherited from

ICanvasRenderingContext2D.setTransform


stroke()

Call Signature

> stroke(): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7613

MDN Reference

Returns

void

Inherited from

ICanvasRenderingContext2D.stroke

Call Signature

> stroke(path): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7614

Parameters
path

Path2D

Returns

void

Inherited from

ICanvasRenderingContext2D.stroke


strokeRect()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7739

MDN Reference

Parameters

x

number

y

number

w

number

h

number

Returns

void

Inherited from

ICanvasRenderingContext2D.strokeRect


strokeText()

> strokeText(text, x, y, maxWidth?): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7794

MDN Reference

Parameters

text

string

x

number

y

number

maxWidth?

number

Returns

void

Inherited from

ICanvasRenderingContext2D.strokeText


transform()

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

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7833

MDN Reference

Parameters

a

number

b

number

c

number

d

number

e

number

f

number

Returns

void

Inherited from

ICanvasRenderingContext2D.transform


translate()

> translate(x, y): void

Defined in: node_modules/typescript/lib/lib.dom.d.ts:7835

MDN Reference

Parameters

x

number

y

number

Returns

void

Inherited from

ICanvasRenderingContext2D.translate