Class Canvas2DRenderer

Hierarchy

Canvas2DRenderer

Index

Constructors

Properties

canvasElement context devicePixelRatio height width

Methods

clear createImage drawCircle drawImage drawLine drawPolygon drawRect resize

Constructors

constructor

new Canvas2DRenderer(width: number, height: number, options?: any, devicePixelRatio?: number): Canvas2DRenderer
Parameters
- width: number
- height: number
- Optional options: any
- devicePixelRatio: number = window.devicePixelRatio
Returns Canvas2DRenderer
- Defined in canvas-2d-renderer.ts:7

Properties

canvasElement

canvasElement: HTMLCanvasElement

context

context: CanvasRenderingContext2D

devicePixelRatio

devicePixelRatio: number

height

height: number

width

width: number

Methods

clear

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
- Defined in canvas-2d-renderer.ts:48

createImage

createImage(image: HTMLImageElement | HTMLCanvasElement | ImageBitmap): HTMLImageElement | HTMLCanvasElement | ImageBitmap
Parameters
- image: HTMLImageElement | HTMLCanvasElement | ImageBitmap
Returns HTMLImageElement | HTMLCanvasElement | ImageBitmap
- Defined in canvas-2d-renderer.ts:22

drawCircle

drawCircle(x: number, y: number, r: number, color: string, fill?: boolean): void
Parameters
- x: number
- y: number
- r: number
- color: string
- fill: boolean = false
Returns void
- Defined in canvas-2d-renderer.ts:69

drawImage

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
- Defined in canvas-2d-renderer.ts:25

drawLine

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
- Defined in canvas-2d-renderer.ts:100

drawPolygon

drawPolygon(points: {
x: number;
y: number;
}[], color: string, fill?: boolean): void
Parameters
- points: {
  x: number;
  y: number;
  }[]
- color: string
- fill: boolean = false
Returns void
- Defined in canvas-2d-renderer.ts:82

drawRect

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
- Defined in canvas-2d-renderer.ts:58

resize

resize(width?: number, height?: number, devicePixelRatio?: number): void
Parameters
- width: number = ...
- height: number = ...
- devicePixelRatio: number = ...
Returns void
- Defined in canvas-2d-renderer.ts:110