Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Canvas2DRenderer

Hierarchy

  • Canvas2DRenderer

Index

Constructors

  • new Canvas2DRenderer(width: number, height: number, options?: any, devicePixelRatio?: number): Canvas2DRenderer

Properties

canvasElement: HTMLCanvasElement
context: CanvasRenderingContext2D
devicePixelRatio: number
height: number
width: number

Methods

  • clear(v?: string, w?: number, x?: number, y?: number, z?: number): void
  • Parameters

    • Optional v: string
    • w: number = 0
    • x: number = 0
    • y: number = ...
    • z: number = ...

    Returns void

  • createImage(image: HTMLImageElement | HTMLCanvasElement | ImageBitmap): HTMLImageElement | HTMLCanvasElement | ImageBitmap
  • Parameters

    • image: HTMLImageElement | HTMLCanvasElement | ImageBitmap

    Returns HTMLImageElement | HTMLCanvasElement | ImageBitmap

  • drawCircle(x: number, y: number, r: number, color: string, fill?: boolean): void
  • drawImage(image: HTMLImageElement | HTMLCanvasElement | ImageBitmap, sx?: number, sy?: number, sWidth?: number, sHeight?: number, dx?: number, dy?: number, dWidth?: number, dHeight?: number): void
  • Parameters

    • image: HTMLImageElement | HTMLCanvasElement | ImageBitmap
    • sx: number = 0
    • sy: number = 0
    • sWidth: number = image.width
    • sHeight: number = image.height
    • dx: number = 0
    • dy: number = 0
    • dWidth: number = image.width
    • dHeight: number = image.height

    Returns void

  • drawLine(x1: number, y1: number, x2: number, y2: number, color: string, width?: number): void
  • Parameters

    • x1: number
    • y1: number
    • x2: number
    • y2: number
    • color: string
    • width: number = 1

    Returns void

  • drawPolygon(points: { x: number; y: number }[], color: string, fill?: boolean): void
  • Parameters

    • points: { x: number; y: number }[]
    • color: string
    • fill: boolean = false

    Returns void

  • drawRect(x: number, y: number, w: number, h: number, color: string, fill?: boolean): void
  • Parameters

    • x: number
    • y: number
    • w: number
    • h: number
    • color: string
    • fill: boolean = false

    Returns void

  • resize(width?: number, height?: number, devicePixelRatio?: number): void
  • Parameters

    • width: number = ...
    • height: number = ...
    • devicePixelRatio: number = ...

    Returns void