Interface ICanvasRenderingContext2D

Common interface for CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D, and other custom canvas 2D context.

Memberof

PIXI

interface ICanvasRenderingContext2D {
    direction: CanvasDirection;
    fillStyle: string | CanvasPattern | CanvasGradient;
    filter: string;
    font: string;
    fontKerning: CanvasFontKerning;
    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 | CanvasPattern | CanvasGradient;
    textAlign: CanvasTextAlign;
    textBaseline: CanvasTextBaseline;
    textLetterSpacing?: string;
    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;
    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
    beginPath(): void;
    beginPath(): void;
    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;
    clearRect(x: number, y: number, w: number, h: number): void;
    clearRect(x: number, y: number, w: number, h: number): void;
    clip(fillRule?: CanvasFillRule): void;
    clip(path: Path2D, fillRule?: CanvasFillRule): void;
    clip(fillRule?: CanvasFillRule): void;
    clip(path: Path2D, fillRule?: CanvasFillRule): void;
    closePath(): void;
    closePath(): void;
    createConicGradient(
        startAngle: number,
        x: number,
        y: number,
    ): CanvasGradient;
    createConicGradient(
        startAngle: number,
        x: number,
        y: number,
    ): CanvasGradient;
    createImageData(
        sw: number,
        sh: number,
        settings?: ImageDataSettings,
    ): ImageData;
    createImageData(imagedata: ImageData): ImageData;
    createImageData(
        sw: number,
        sh: number,
        settings?: ImageDataSettings,
    ): ImageData;
    createImageData(imagedata: ImageData): ImageData;
    createLinearGradient(
        x0: number,
        y0: number,
        x1: number,
        y1: number,
    ): CanvasGradient;
    createLinearGradient(
        x0: number,
        y0: number,
        x1: number,
        y1: number,
    ): CanvasGradient;
    createPattern(
        image: ICanvas | CanvasImageSource,
        repetition: null | string,
    ): null | CanvasPattern;
    createRadialGradient(
        x0: number,
        y0: number,
        r0: number,
        x1: number,
        y1: number,
        r1: number,
    ): CanvasGradient;
    createRadialGradient(
        x0: number,
        y0: number,
        r0: number,
        x1: number,
        y1: number,
        r1: number,
    ): CanvasGradient;
    drawImage(image: ICanvas | CanvasImageSource, dx: number, dy: number): void;
    drawImage(
        image: ICanvas | CanvasImageSource,
        dx: number,
        dy: number,
        dw: number,
        dh: number,
    ): void;
    drawImage(
        image: ICanvas | 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;
    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;
    fill(fillRule?: CanvasFillRule): void;
    fill(path: Path2D, fillRule?: CanvasFillRule): void;
    fillRect(x: number, y: number, w: number, h: number): void;
    fillRect(x: number, y: number, w: number, h: number): void;
    fillText(text: string, x: number, y: number, maxWidth?: number): void;
    fillText(text: string, x: number, y: number, maxWidth?: number): void;
    getImageData(
        sx: number,
        sy: number,
        sw: number,
        sh: number,
        settings?: ImageDataSettings,
    ): ImageData;
    getImageData(
        sx: number,
        sy: number,
        sw: number,
        sh: number,
        settings?: ImageDataSettings,
    ): ImageData;
    getLineDash(): number[];
    getLineDash(): number[];
    getTransform(): DOMMatrix;
    getTransform(): DOMMatrix;
    isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean;
    isPointInPath(
        path: Path2D,
        x: number,
        y: number,
        fillRule?: CanvasFillRule,
    ): 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;
    isPointInStroke(x: number, y: number): boolean;
    isPointInStroke(path: Path2D, x: number, y: number): boolean;
    lineTo(x: number, y: number): void;
    lineTo(x: number, y: number): void;
    measureText(text: string): TextMetrics;
    measureText(text: string): TextMetrics;
    moveTo(x: number, y: number): void;
    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;
    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;
    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
    rect(x: number, y: number, w: number, h: number): void;
    rect(x: number, y: number, w: number, h: number): void;
    reset(): void;
    reset(): void;
    resetTransform(): void;
    resetTransform(): void;
    restore(): void;
    restore(): void;
    rotate(angle: number): void;
    rotate(angle: number): void;
    roundRect(
        x: number,
        y: number,
        w: number,
        h: number,
        radii?: number | DOMPointInit | (number | DOMPointInit)[],
    ): void;
    roundRect(
        x: number,
        y: number,
        w: number,
        h: number,
        radii?: number | DOMPointInit | (number | DOMPointInit)[],
    ): void;
    save(): void;
    save(): void;
    scale(x: number, y: number): void;
    scale(x: number, y: number): void;
    setLineDash(segments: number[]): void;
    setLineDash(segments: number[]): void;
    setTransform(
        a: number,
        b: number,
        c: number,
        d: number,
        e: number,
        f: number,
    ): void;
    setTransform(transform?: DOMMatrix2DInit): 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;
    stroke(): void;
    stroke(path: Path2D): void;
    strokeRect(x: number, y: number, w: number, h: number): void;
    strokeRect(x: number, y: number, w: number, h: number): void;
    strokeText(text: string, x: number, y: number, maxWidth?: 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;
    transform(
        a: number,
        b: number,
        c: number,
        d: number,
        e: number,
        f: number,
    ): void;
    translate(x: number, y: number): void;
    translate(x: number, y: number): void;
}

Hierarchy

  • CanvasState
  • CanvasTransform
  • CanvasCompositing
  • CanvasImageSmoothing
  • CanvasFillStrokeStyles
  • CanvasShadowStyles
  • CanvasFilters
  • CanvasRect
  • CanvasDrawPath
  • CanvasText
  • CanvasDrawImage
  • CanvasImageData
  • CanvasPathDrawingStyles
  • CanvasTextDrawingStyles
  • CanvasPath
    • ICanvasRenderingContext2D

Properties

direction fillStyle filter font fontKerning globalAlpha globalCompositeOperation imageSmoothingEnabled imageSmoothingQuality letterSpacing? lineCap lineDashOffset lineJoin lineWidth miterLimit shadowBlur shadowColor shadowOffsetX shadowOffsetY strokeStyle textAlign textBaseline textLetterSpacing?

Methods

arc arcTo beginPath bezierCurveTo clearRect clip closePath createConicGradient createImageData createLinearGradient createPattern createRadialGradient drawImage ellipse fill fillRect fillText getImageData getLineDash getTransform isPointInPath isPointInStroke lineTo measureText moveTo putImageData quadraticCurveTo rect reset resetTransform restore rotate roundRect save scale setLineDash setTransform stroke strokeRect strokeText transform translate

Properties

direction

direction: CanvasDirection

MDN Reference

fillStyle

fillStyle: string | CanvasPattern | CanvasGradient

MDN Reference

filter

filter: string

MDN Reference

font

font: string

MDN Reference

fontKerning

fontKerning: CanvasFontKerning

MDN Reference

globalAlpha

globalAlpha: number

MDN Reference

globalCompositeOperation

globalCompositeOperation: GlobalCompositeOperation

MDN Reference

imageSmoothingEnabled

imageSmoothingEnabled: boolean

MDN Reference

imageSmoothingQuality

imageSmoothingQuality: ImageSmoothingQuality

MDN Reference

OptionalletterSpacing

letterSpacing?: string

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

MDN Reference

textAlign

textAlign: CanvasTextAlign

MDN Reference

textBaseline

textBaseline: CanvasTextBaseline

MDN Reference

OptionaltextLetterSpacing

textLetterSpacing?: string

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

  • 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

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

  • 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

beginPath

  • beginPath(): void

  • MDN Reference

    Returns void

  • beginPath(): void

  • MDN Reference

    Returns void

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

  • 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

clearRect

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

clip

  • clip(fillRule?: CanvasFillRule): void

  • MDN Reference

    Parameters

    • OptionalfillRule: CanvasFillRule

    Returns void

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

  • Parameters

    • path: Path2D
    • OptionalfillRule: CanvasFillRule

    Returns void

  • clip(fillRule?: CanvasFillRule): void

  • MDN Reference

    Parameters

    • OptionalfillRule: CanvasFillRule

    Returns void

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

  • Parameters

    • path: Path2D
    • OptionalfillRule: CanvasFillRule

    Returns void

closePath

  • closePath(): void

  • MDN Reference

    Returns void

  • closePath(): void

  • MDN Reference

    Returns void

createConicGradient

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

  • MDN Reference

    Parameters

    • startAngle: number
    • x: number
    • y: number

    Returns CanvasGradient

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

  • MDN Reference

    Parameters

    • startAngle: number
    • x: number
    • y: number

    Returns CanvasGradient

createImageData

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

  • MDN Reference

    Parameters

    • sw: number
    • sh: number
    • Optionalsettings: ImageDataSettings

    Returns ImageData

  • createImageData(imagedata: ImageData): ImageData

  • Parameters

    • imagedata: ImageData

    Returns ImageData

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

  • MDN Reference

    Parameters

    • sw: number
    • sh: number
    • Optionalsettings: ImageDataSettings

    Returns ImageData

  • createImageData(imagedata: ImageData): ImageData

  • Parameters

    • imagedata: ImageData

    Returns ImageData

createLinearGradient

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

  • MDN Reference

    Parameters

    • x0: number
    • y0: number
    • x1: number
    • y1: number

    Returns CanvasGradient

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

  • MDN Reference

    Parameters

    • x0: number
    • y0: number
    • x1: number
    • y1: number

    Returns CanvasGradient

createPattern

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

  • MDN Reference

    Parameters

    • image: ICanvas | CanvasImageSource
    • repetition: null | string

    Returns null | CanvasPattern

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

  • 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

drawImage

  • drawImage(image: ICanvas | CanvasImageSource, dx: number, dy: number): void

  • MDN Reference

    Parameters

    • image: ICanvas | CanvasImageSource
    • dx: number
    • dy: number

    Returns void

  • drawImage(
        image: ICanvas | CanvasImageSource,
        dx: number,
        dy: number,
        dw: number,
        dh: number,
    ): void

  • MDN Reference

    Parameters

    • image: ICanvas | CanvasImageSource
    • dx: number
    • dy: number
    • dw: number
    • dh: number

    Returns void

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

  • MDN Reference

    Parameters

    • image: ICanvas | 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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • radiusX: number
    • radiusY: number
    • rotation: number
    • startAngle: number
    • endAngle: number
    • Optionalcounterclockwise: boolean

    Returns void

  • 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

fill

  • fill(fillRule?: CanvasFillRule): void

  • MDN Reference

    Parameters

    • OptionalfillRule: CanvasFillRule

    Returns void

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

  • Parameters

    • path: Path2D
    • OptionalfillRule: CanvasFillRule

    Returns void

  • fill(fillRule?: CanvasFillRule): void

  • MDN Reference

    Parameters

    • OptionalfillRule: CanvasFillRule

    Returns void

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

  • Parameters

    • path: Path2D
    • OptionalfillRule: CanvasFillRule

    Returns void

fillRect

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

fillText

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

  • MDN Reference

    Parameters

    • text: string
    • x: number
    • y: number
    • OptionalmaxWidth: number

    Returns void

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

  • MDN Reference

    Parameters

    • text: string
    • x: number
    • y: number
    • OptionalmaxWidth: number

    Returns void

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

  • 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

getLineDash

  • getLineDash(): number[]

  • MDN Reference

    Returns number[]

  • getLineDash(): number[]

  • MDN Reference

    Returns number[]

getTransform

  • getTransform(): DOMMatrix

  • MDN Reference

    Returns DOMMatrix

  • getTransform(): DOMMatrix

  • MDN Reference

    Returns DOMMatrix

isPointInPath

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • OptionalfillRule: CanvasFillRule

    Returns boolean

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

  • Parameters

    • path: Path2D
    • x: number
    • y: number
    • OptionalfillRule: CanvasFillRule

    Returns boolean

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • OptionalfillRule: CanvasFillRule

    Returns boolean

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

  • Parameters

    • path: Path2D
    • x: number
    • y: number
    • OptionalfillRule: CanvasFillRule

    Returns boolean

isPointInStroke

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns boolean

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

  • Parameters

    • path: Path2D
    • x: number
    • y: number

    Returns boolean

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns boolean

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

  • Parameters

    • path: Path2D
    • x: number
    • y: number

    Returns boolean

lineTo

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

measureText

  • measureText(text: string): TextMetrics

  • MDN Reference

    Parameters

    • text: string

    Returns TextMetrics

  • measureText(text: string): TextMetrics

  • MDN Reference

    Parameters

    • text: string

    Returns TextMetrics

moveTo

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

putImageData

  • putImageData(imagedata: ImageData, dx: number, dy: number): void

  • MDN Reference

    Parameters

    • imagedata: ImageData
    • dx: number
    • dy: number

    Returns void

  • 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

  • putImageData(imagedata: ImageData, dx: number, dy: number): void

  • MDN Reference

    Parameters

    • imagedata: ImageData
    • dx: number
    • dy: number

    Returns void

  • 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

quadraticCurveTo

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

  • MDN Reference

    Parameters

    • cpx: number
    • cpy: number
    • x: number
    • y: number

    Returns void

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

  • MDN Reference

    Parameters

    • cpx: number
    • cpy: number
    • x: number
    • y: number

    Returns void

rect

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

reset

  • reset(): void

  • MDN Reference

    Returns void

  • reset(): void

  • MDN Reference

    Returns void

resetTransform

  • resetTransform(): void

  • MDN Reference

    Returns void

  • resetTransform(): void

  • MDN Reference

    Returns void

restore

  • restore(): void

  • MDN Reference

    Returns void

  • restore(): void

  • MDN Reference

    Returns void

rotate

  • rotate(angle: number): void

  • MDN Reference

    Parameters

    • angle: number

    Returns void

  • rotate(angle: number): void

  • MDN Reference

    Parameters

    • angle: number

    Returns void

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

  • 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

save

  • save(): void

  • MDN Reference

    Returns void

  • save(): void

  • MDN Reference

    Returns void

scale

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

setLineDash

  • setLineDash(segments: number[]): void

  • MDN Reference

    Parameters

    • segments: number[]

    Returns void

  • setLineDash(segments: number[]): void

  • MDN Reference

    Parameters

    • segments: number[]

    Returns void

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

  • setTransform(transform?: DOMMatrix2DInit): void

  • Parameters

    • Optionaltransform: DOMMatrix2DInit

    Returns void

  • 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

  • setTransform(transform?: DOMMatrix2DInit): void

  • Parameters

    • Optionaltransform: DOMMatrix2DInit

    Returns void

stroke

  • stroke(): void

  • MDN Reference

    Returns void

  • stroke(path: Path2D): void

  • Parameters

    • path: Path2D

    Returns void

  • stroke(): void

  • MDN Reference

    Returns void

  • stroke(path: Path2D): void

  • Parameters

    • path: Path2D

    Returns void

strokeRect

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number
    • w: number
    • h: number

    Returns void

strokeText

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

  • MDN Reference

    Parameters

    • text: string
    • x: number
    • y: number
    • OptionalmaxWidth: number

    Returns void

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

  • MDN Reference

    Parameters

    • text: string
    • x: number
    • y: number
    • OptionalmaxWidth: number

    Returns void

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

  • 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

translate

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

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

  • MDN Reference

    Parameters

    • x: number
    • y: number

    Returns void

Settings

Member Visibility

On This Page

Properties
Methods