Interface CanvasRenderingContext2D

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

MDN Reference

interface CanvasRenderingContext2D {
    canvas: HTMLCanvasElement;
    direction: CanvasDirection;
    fillStyle: string | CanvasGradient | CanvasPattern;
    filter: string;
    font: string;
    fontKerning: CanvasFontKerning;
    fontStretch: CanvasFontStretch;
    fontVariantCaps: CanvasFontVariantCaps;
    globalAlpha: number;
    globalCompositeOperation: GlobalCompositeOperation;
    imageSmoothingEnabled: boolean;
    imageSmoothingQuality: ImageSmoothingQuality;
    letterSpacing: string;
    lineCap: CanvasLineCap;
    lineDashOffset: number;
    lineJoin: CanvasLineJoin;
    lineWidth: number;
    miterLimit: number;
    shadowBlur: number;
    shadowColor: string;
    shadowOffsetX: number;
    shadowOffsetY: number;
    strokeStyle: string | CanvasGradient | CanvasPattern;
    textAlign: CanvasTextAlign;
    textBaseline: CanvasTextBaseline;
    textRendering: CanvasTextRendering;
    wordSpacing: string;
    arc(
        x: number,
        y: number,
        radius: number,
        startAngle: number,
        endAngle: number,
        counterclockwise?: boolean,
    ): void;
    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
    beginPath(): void;
    bezierCurveTo(
        cp1x: number,
        cp1y: number,
        cp2x: number,
        cp2y: number,
        x: number,
        y: number,
    ): void;
    clearRect(x: number, y: number, w: number, h: number): void;
    clip(fillRule?: CanvasFillRule): void;
    clip(path: Path2D, fillRule?: CanvasFillRule): void;
    closePath(): void;
    createConicGradient(
        startAngle: number,
        x: number,
        y: number,
    ): CanvasGradient;
    createImageData(
        sw: number,
        sh: number,
        settings?: ImageDataSettings,
    ): ImageData;
    createImageData(imagedata: ImageData): ImageData;
    createLinearGradient(
        x0: number,
        y0: number,
        x1: number,
        y1: number,
    ): CanvasGradient;
    createPattern(image: CanvasImageSource, repetition: string): CanvasPattern;
    createRadialGradient(
        x0: number,
        y0: number,
        r0: number,
        x1: number,
        y1: number,
        r1: number,
    ): CanvasGradient;
    drawFocusIfNeeded(element: Element): void;
    drawFocusIfNeeded(path: Path2D, element: Element): void;
    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;
    ellipse(
        x: number,
        y: number,
        radiusX: number,
        radiusY: number,
        rotation: number,
        startAngle: number,
        endAngle: number,
        counterclockwise?: boolean,
    ): void;
    fill(fillRule?: CanvasFillRule): void;
    fill(path: Path2D, fillRule?: CanvasFillRule): void;
    fillRect(x: number, y: number, w: number, h: number): void;
    fillText(text: string, x: number, y: number, maxWidth?: number): void;
    getContextAttributes(): CanvasRenderingContext2DSettings;
    getImageData(
        sx: number,
        sy: number,
        sw: number,
        sh: number,
        settings?: ImageDataSettings,
    ): ImageData;
    getLineDash(): number[];
    getTransform(): DOMMatrix;
    isContextLost(): boolean;
    isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean;
    isPointInPath(
        path: Path2D,
        x: number,
        y: number,
        fillRule?: CanvasFillRule,
    ): boolean;
    isPointInStroke(x: number, y: number): boolean;
    isPointInStroke(path: Path2D, x: number, y: number): boolean;
    lineTo(x: number, y: number): void;
    measureText(text: string): TextMetrics;
    moveTo(x: number, y: number): void;
    putImageData(imagedata: ImageData, dx: number, dy: number): void;
    putImageData(
        imagedata: ImageData,
        dx: number,
        dy: number,
        dirtyX: number,
        dirtyY: number,
        dirtyWidth: number,
        dirtyHeight: number,
    ): void;
    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
    rect(x: number, y: number, w: number, h: number): void;
    reset(): void;
    resetTransform(): void;
    restore(): void;
    rotate(angle: number): void;
    roundRect(
        x: number,
        y: number,
        w: number,
        h: number,
        radii?: number | DOMPointInit | (number | DOMPointInit)[],
    ): void;
    save(): void;
    scale(x: number, y: number): void;
    setLineDash(segments: number[]): void;
    setTransform(
        a: number,
        b: number,
        c: number,
        d: number,
        e: number,
        f: number,
    ): void;
    setTransform(transform?: DOMMatrix2DInit): void;
    stroke(): void;
    stroke(path: Path2D): void;
    strokeRect(x: number, y: number, w: number, h: number): void;
    strokeText(text: string, x: number, y: number, maxWidth?: number): void;
    transform(
        a: number,
        b: number,
        c: number,
        d: number,
        e: number,
        f: number,
    ): void;
    translate(x: number, y: number): void;
}

Hierarchy (View Summary)

Index

Properties

filter

filter: string

MDN Reference

font

font: string

MDN Reference

fontKerning

fontKerning: CanvasFontKerning

MDN Reference

fontStretch

fontStretch: CanvasFontStretch

MDN Reference

fontVariantCaps

fontVariantCaps: CanvasFontVariantCaps

MDN Reference

globalAlpha

globalAlpha: number

MDN Reference

globalCompositeOperation

globalCompositeOperation: GlobalCompositeOperation

MDN Reference

imageSmoothingEnabled

imageSmoothingEnabled: boolean

MDN Reference

imageSmoothingQuality

imageSmoothingQuality: ImageSmoothingQuality

MDN Reference

letterSpacing

letterSpacing: string

MDN Reference

lineCap

lineCap: CanvasLineCap

MDN Reference

lineDashOffset

lineDashOffset: number

MDN Reference

lineJoin

lineJoin: CanvasLineJoin

MDN Reference

lineWidth

lineWidth: number

MDN Reference

miterLimit

miterLimit: number

MDN Reference

shadowBlur

shadowBlur: number

MDN Reference

shadowColor

shadowColor: string

MDN Reference

shadowOffsetX

shadowOffsetX: number

MDN Reference

shadowOffsetY

shadowOffsetY: number

MDN Reference

strokeStyle

strokeStyle: string | CanvasGradient | CanvasPattern

MDN Reference

textAlign

textAlign: CanvasTextAlign

MDN Reference

textBaseline

textBaseline: CanvasTextBaseline

MDN Reference

textRendering

textRendering: CanvasTextRendering

MDN Reference

wordSpacing

wordSpacing: string

MDN Reference

Methods

arc

arc(
    x: number,
    y: number,
    radius: number,
    startAngle: number,
    endAngle: number,
    counterclockwise?: boolean,
): void
MDN Reference
Parameters
- x: number
- y: number
- radius: number
- startAngle: number
- endAngle: number
- Optionalcounterclockwise: boolean
Returns void
Inherited from CanvasPath.arc
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5929

arcTo

arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void
MDN Reference
Parameters
- x1: number
- y1: number
- x2: number
- y2: number
- radius: number
Returns void
Inherited from CanvasPath.arcTo
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5931

beginPath

beginPath(): void
MDN Reference

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

bezierCurveTo

bezierCurveTo(
    cp1x: number,
    cp1y: number,
    cp2x: number,
    cp2y: number,
    x: number,
    y: number,
): void
MDN Reference
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@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5933

clearRect

clearRect(x: number, y: number, w: number, h: number): void
MDN Reference
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRect.clearRect
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5988

clip

clip(fillRule?: CanvasFillRule): void
MDN Reference
Parameters
- OptionalfillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.clip
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5852
clip(path: Path2D, fillRule?: CanvasFillRule): void
Parameters
- path: Path2D
- OptionalfillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.clip
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5853

closePath

closePath(): void
MDN Reference

Returns void
Inherited from CanvasPath.closePath
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5935

createConicGradient

createConicGradient(startAngle: number, x: number, y: number): CanvasGradient
MDN Reference
Parameters
- startAngle: number
- x: number
- y: number
Returns CanvasGradient
Inherited from CanvasFillStrokeStyles.createConicGradient
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5874

createImageData

createImageData(sw: number, sh: number, settings?: ImageDataSettings): ImageData
MDN Reference
Parameters
- sw: number
- sh: number
- Optionalsettings: ImageDataSettings
Returns ImageData
Inherited from CanvasImageData.createImageData
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5911
createImageData(imagedata: ImageData): ImageData
Parameters
- imagedata: ImageData
Returns ImageData
Inherited from CanvasImageData.createImageData
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5912

createLinearGradient

createLinearGradient(
    x0: number,
    y0: number,
    x1: number,
    y1: number,
): CanvasGradient
MDN Reference
Parameters
- x0: number
- y0: number
- x1: number
- y1: number
Returns CanvasGradient
Inherited from CanvasFillStrokeStyles.createLinearGradient
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5876

createPattern

createPattern(image: CanvasImageSource, repetition: string): CanvasPattern
MDN Reference
Parameters
- image: CanvasImageSource
- repetition: string
Returns CanvasPattern
Inherited from CanvasFillStrokeStyles.createPattern
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5878

createRadialGradient

createRadialGradient(
    x0: number,
    y0: number,
    r0: number,
    x1: number,
    y1: number,
    r1: number,
): CanvasGradient
MDN Reference
Parameters
- x0: number
- y0: number
- r0: number
- x1: number
- y1: number
- r1: number
Returns CanvasGradient
Inherited from CanvasFillStrokeStyles.createRadialGradient
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5880

drawFocusIfNeeded

drawFocusIfNeeded(element: Element): void
MDN Reference
Parameters
- element: Element
Returns void
Inherited from CanvasUserInterface.drawFocusIfNeeded
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6089
drawFocusIfNeeded(path: Path2D, element: Element): void
Parameters
- path: Path2D
- element: Element
Returns void
Inherited from CanvasUserInterface.drawFocusIfNeeded
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6090

drawImage

drawImage(image: CanvasImageSource, dx: number, dy: number): void
MDN Reference
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5843
drawImage(
    image: CanvasImageSource,
    dx: number,
    dy: number,
    dw: number,
    dh: number,
): void
Parameters
- image: CanvasImageSource
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5844
drawImage(
    image: CanvasImageSource,
    sx: number,
    sy: number,
    sw: number,
    sh: number,
    dx: number,
    dy: number,
    dw: number,
    dh: number,
): void
Parameters
- image: CanvasImageSource
- sx: number
- sy: number
- sw: number
- sh: number
- dx: number
- dy: number
- dw: number
- dh: number
Returns void
Inherited from CanvasDrawImage.drawImage
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5845

ellipse

ellipse(
    x: number,
    y: number,
    radiusX: number,
    radiusY: number,
    rotation: number,
    startAngle: number,
    endAngle: number,
    counterclockwise?: boolean,
): void
MDN Reference
Parameters
- x: number
- y: number
- radiusX: number
- radiusY: number
- rotation: number
- startAngle: number
- endAngle: number
- Optionalcounterclockwise: boolean
Returns void
Inherited from CanvasPath.ellipse
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5937

fill

fill(fillRule?: CanvasFillRule): void
MDN Reference
Parameters
- OptionalfillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.fill
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5855
fill(path: Path2D, fillRule?: CanvasFillRule): void
Parameters
- path: Path2D
- OptionalfillRule: CanvasFillRule
Returns void
Inherited from CanvasDrawPath.fill
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5856

fillRect

fillRect(x: number, y: number, w: number, h: number): void
MDN Reference
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRect.fillRect
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5990

fillText

fillText(text: string, x: number, y: number, maxWidth?: number): void
MDN Reference
Parameters
- text: string
- x: number
- y: number
- OptionalmaxWidth: number
Returns void
Inherited from CanvasText.fillText
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6039

getContextAttributes

getContextAttributes(): CanvasRenderingContext2DSettings
MDN Reference

Returns CanvasRenderingContext2DSettings
Inherited from CanvasSettings.getContextAttributes
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6012

getImageData

getImageData(
    sx: number,
    sy: number,
    sw: number,
    sh: number,
    settings?: ImageDataSettings,
): ImageData
MDN Reference
Parameters
- sx: number
- sy: number
- sw: number
- sh: number
- Optionalsettings: ImageDataSettings
Returns ImageData
Inherited from CanvasImageData.getImageData
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5914

getLineDash

getLineDash(): number[]
MDN Reference

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

getTransform

getTransform(): DOMMatrix
MDN Reference

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

isContextLost

isContextLost(): boolean
MDN Reference

Returns boolean
Inherited from CanvasState.isContextLost
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6028

isPointInPath

isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean
MDN Reference
Parameters
- x: number
- y: number
- OptionalfillRule: CanvasFillRule
Returns boolean
Inherited from CanvasDrawPath.isPointInPath
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5858
isPointInPath(
    path: Path2D,
    x: number,
    y: number,
    fillRule?: CanvasFillRule,
): boolean
Parameters
- path: Path2D
- x: number
- y: number
- OptionalfillRule: CanvasFillRule
Returns boolean
Inherited from CanvasDrawPath.isPointInPath
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5859

isPointInStroke

isPointInStroke(x: number, y: number): boolean
MDN Reference
Parameters
- x: number
- y: number
Returns boolean
Inherited from CanvasDrawPath.isPointInStroke
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5861
isPointInStroke(path: Path2D, x: number, y: number): boolean
Parameters
- path: Path2D
- x: number
- y: number
Returns boolean
Inherited from CanvasDrawPath.isPointInStroke
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5862

lineTo

lineTo(x: number, y: number): void
MDN Reference
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasPath.lineTo
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5939

measureText

measureText(text: string): TextMetrics
MDN Reference
Parameters
- text: string
Returns TextMetrics
Inherited from CanvasText.measureText
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6041

moveTo

moveTo(x: number, y: number): void
MDN Reference
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasPath.moveTo
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5941

putImageData

putImageData(imagedata: ImageData, dx: number, dy: number): void
MDN Reference
Parameters
- imagedata: ImageData
- dx: number
- dy: number
Returns void
Inherited from CanvasImageData.putImageData
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5916
putImageData(
    imagedata: ImageData,
    dx: number,
    dy: number,
    dirtyX: number,
    dirtyY: number,
    dirtyWidth: number,
    dirtyHeight: number,
): void
Parameters
- imagedata: ImageData
- dx: number
- dy: number
- dirtyX: number
- dirtyY: number
- dirtyWidth: number
- dirtyHeight: number
Returns void
Inherited from CanvasImageData.putImageData
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5917

quadraticCurveTo

quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
MDN Reference
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void
Inherited from CanvasPath.quadraticCurveTo
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5943

rect

rect(x: number, y: number, w: number, h: number): void
MDN Reference
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasPath.rect
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5945

reset

reset(): void
MDN Reference

Returns void
Inherited from CanvasState.reset
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6030

resetTransform

resetTransform(): void
MDN Reference

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

restore

restore(): void
MDN Reference

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

rotate

rotate(angle: number): void
MDN Reference
Parameters
- angle: number
Returns void
Inherited from CanvasTransform.rotate
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6075

roundRect

roundRect(
    x: number,
    y: number,
    w: number,
    h: number,
    radii?: number | DOMPointInit | (number | DOMPointInit)[],
): void
MDN Reference
Parameters
- x: number
- y: number
- w: number
- h: number
- Optionalradii: number | DOMPointInit | (number | DOMPointInit)[]
Returns void
Inherited from CanvasPath.roundRect
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5947

save

save(): void
MDN Reference

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

scale

scale(x: number, y: number): void
MDN Reference
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasTransform.scale
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6077

setLineDash

setLineDash(segments: number[]): void
MDN Reference
Parameters
- segments: number[]
Returns void
Inherited from CanvasPathDrawingStyles.setLineDash
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5964

setTransform

setTransform(
    a: number,
    b: number,
    c: number,
    d: number,
    e: number,
    f: number,
): void
MDN Reference
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@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6079
setTransform(transform?: DOMMatrix2DInit): void
Parameters
- Optionaltransform: DOMMatrix2DInit
Returns void
Inherited from CanvasTransform.setTransform
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6080

stroke

stroke(): void
MDN Reference

Returns void
Inherited from CanvasDrawPath.stroke
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5864
stroke(path: Path2D): void
Parameters
- path: Path2D
Returns void
Inherited from CanvasDrawPath.stroke
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5865

strokeRect

strokeRect(x: number, y: number, w: number, h: number): void
MDN Reference
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Inherited from CanvasRect.strokeRect
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:5992

strokeText

strokeText(text: string, x: number, y: number, maxWidth?: number): void
MDN Reference
Parameters
- text: string
- x: number
- y: number
- OptionalmaxWidth: number
Returns void
Inherited from CanvasText.strokeText
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6043

transform

transform(
    a: number,
    b: number,
    c: number,
    d: number,
    e: number,
    f: number,
): void
MDN Reference
Parameters
- a: number
- b: number
- c: number
- d: number
- e: number
- f: number
Returns void
Inherited from CanvasTransform.transform
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6082

translate

translate(x: number, y: number): void
MDN Reference
Parameters
- x: number
- y: number
Returns void
Inherited from CanvasTransform.translate
- Defined in node_modules/.pnpm/typescript@5.8.3/node_modules/typescript/lib/lib.dom.d.ts:6084

Interface CanvasRenderingContext2D

Hierarchy (View Summary)

Index

Properties

Methods

Properties

Readonlycanvas

direction

fillStyle

filter

font

fontKerning

fontStretch

fontVariantCaps

globalAlpha

globalCompositeOperation

imageSmoothingEnabled

imageSmoothingQuality

letterSpacing

lineCap

lineDashOffset

lineJoin

lineWidth

miterLimit

shadowBlur

shadowColor

shadowOffsetX

shadowOffsetY

strokeStyle

textAlign

textBaseline

textRendering

wordSpacing

Methods

arc

Parameters

Returns void

arcTo

Parameters

Returns void

beginPath

Returns void

bezierCurveTo

Parameters

Returns void

clearRect

Parameters

Returns void

clip

Parameters

Returns void

Parameters

Returns void

closePath

Returns void

createConicGradient

Parameters

Returns CanvasGradient

createImageData

Parameters

Returns ImageData

Parameters

Returns ImageData

createLinearGradient

Parameters

Returns CanvasGradient

createPattern

Parameters

Returns CanvasPattern

createRadialGradient

Parameters

Returns CanvasGradient

drawFocusIfNeeded

Parameters

Returns void

Parameters

Returns void

drawImage

Parameters

Returns void

`Readonly`canvas