pixi.js
    Preparing search index...

    Interface ICanvasRenderingContext2DAdvanced

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

    interface ICanvasRenderingContext2D {
        letterSpacing?: string;
        textLetterSpacing?: string;
        createPattern(
            image: ICanvas | CanvasImageSource,
            repetition: string,
        ): CanvasPattern;
        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;
    }

    Hierarchy

    • CanvasState
    • CanvasTransform
    • CanvasCompositing
    • CanvasImageSmoothing
    • CanvasFillStrokeStyles
    • CanvasShadowStyles
    • CanvasFilters
    • CanvasRect
    • CanvasDrawPath
    • CanvasText
    • CanvasDrawImage
    • CanvasImageData
    • CanvasPathDrawingStyles
    • Omit<CanvasTextDrawingStyles, "letterSpacing">
    • CanvasPath
      • ICanvasRenderingContext2D
    Index

    Properties

    letterSpacing? textLetterSpacing?

    Methods

    createPattern drawImage

    Properties

    letterSpacing?: string

    sets the horizontal spacing behavior between text characters.

    textLetterSpacing?: string

    sets the horizontal spacing behavior between text characters.

    Methods

    • creates a pattern using the specified image and repetition.

      Parameters

      • image: ICanvas | CanvasImageSource
      • repetition: string

      Returns CanvasPattern

    • provides different ways to draw an image onto the canvas

      Parameters

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

      Returns void

    • MDN Reference

      Parameters

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

      Returns 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

    Settings

    Member Visibility

    On This Page

    Properties
    Methods