A thin caching wrapper around a 2D canvas rendering context.

Notes

This class is mostly a transparent wrapper around a canvas rendering context which improves performance when writing context state.

For best performance, avoid reading state from the gc. Writes are cached based on the previously written value.

Unless otherwise specified, the API and semantics of this class are identical to the builtin 2D canvas rendering context: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D

The wrapped canvas context should not be manipulated externally until the wrapping GraphicsContext object is disposed.

Hierarchy

  • GraphicsContext

Implements

Constructors

Properties

_context: CanvasRenderingContext2D
_disposed: boolean = false
_state: State

Accessors

Methods

  • Parameters

    • x: number
    • y: number
    • radius: number
    • startAngle: number
    • endAngle: number
    • Optional anticlockwise: boolean

    Returns void

  • Parameters

    • cp1x: number
    • cp1y: number
    • cp2x: number
    • cp2y: number
    • x: number
    • y: number

    Returns void

  • Parameters

    • image: HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
    • repetition: string

    Returns null | CanvasPattern

  • Parameters

    • x0: number
    • y0: number
    • r0: number
    • x1: number
    • y1: number
    • r1: number

    Returns CanvasGradient

  • Parameters

    • image: ImageBitmap | HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
    • dstX: number
    • dstY: number

    Returns void

  • Parameters

    • image: ImageBitmap | HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
    • dstX: number
    • dstY: number
    • dstW: number
    • dstH: number

    Returns void

  • Parameters

    • image: ImageBitmap | HTMLCanvasElement | HTMLImageElement | HTMLVideoElement
    • srcX: number
    • srcY: number
    • srcW: number
    • srcH: number
    • dstX: number
    • dstY: number
    • dstW: number
    • dstH: number

    Returns void

  • Parameters

    • x: number
    • y: number
    • radiusX: number
    • radiusY: number
    • rotation: number
    • startAngle: number
    • endAngle: number
    • Optional anticlockwise: boolean

    Returns void

  • Parameters

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

    Returns void

  • Parameters

    • imagedata: ImageData
    • dx: number
    • dy: number
    • dirtyX: number
    • dirtyY: number
    • dirtyWidth: number
    • dirtyHeight: number

    Returns void

  • Parameters

    • m11: number
    • m12: number
    • m21: number
    • m22: number
    • dx: number
    • dy: number

    Returns void

  • Parameters

    • m11: number
    • m12: number
    • m21: number
    • m22: number
    • dx: number
    • dy: number

    Returns void

Generated using TypeDoc