Class Graphics

Index

Constructor methods

Properties

Methods

Constructor methods

constructor(): Graphics

Returns

Graphics

Properties

public static BASE_64: Object

public static Command: any

public static STROKE_CAPS_MAP: Array<string>

public static STROKE_JOINTS_MAP: Array<string>

Methods

public a(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise: boolean): Graphics

Parameters

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

Returns

Graphics

public arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise: boolean): Graphics

Parameters

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

Returns

Graphics

public arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): Graphics

Parameters

  • x1: number
  • y1: number
  • x2: number
  • y2: number
  • radius: number

Returns

Graphics

public at(x1: number, y1: number, x2: number, y2: number, radius: number): Graphics

Parameters

  • x1: number
  • y1: number
  • x2: number
  • y2: number
  • radius: number

Returns

Graphics

public beginBitmapFill(image: Object, repetition?: string, matrix?: Matrix2D): Graphics

Parameters

  • image: Object
  • repetition?: string optional
  • matrix?: Matrix2D optional

Returns

Graphics

public beginBitmapStroke(image: Object, repetition?: string): Graphics

Parameters

  • image: Object
  • repetition?: string optional

Returns

Graphics

public beginFill(color: string): Graphics

Parameters

  • color: string

Returns

Graphics

public beginLinearGradientFill(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, x1: number, y1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • x1: number
  • y1: number

Returns

Graphics

public beginLinearGradientStroke(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, x1: number, y1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • x1: number
  • y1: number

Returns

Graphics

public beginRadialGradientFill(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • r0: number
  • x1: number
  • y1: number
  • r1: number

Returns

Graphics

public beginRadialGradientStroke(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • r0: number
  • x1: number
  • y1: number
  • r1: number

Returns

Graphics

public beginStroke(color: string): Graphics

Parameters

  • color: string

Returns

Graphics

public bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): Graphics

Parameters

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

Returns

Graphics

public bf(image: Object, repetition?: string, matrix?: Matrix2D): Graphics

Parameters

  • image: Object
  • repetition?: string optional
  • matrix?: Matrix2D optional

Returns

Graphics

public bs(image: Object, repetition?: string): Graphics

Parameters

  • image: Object
  • repetition?: string optional

Returns

Graphics

public bt(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): Graphics

Parameters

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

Returns

Graphics

public c(): Graphics

Returns

Graphics

public clear(): Graphics

Returns

Graphics

public clone(): Graphics

Returns

Graphics

public closePath(): Graphics

Returns

Graphics

public cp(): Graphics

Returns

Graphics

public curveTo(cpx: number, cpy: number, x: number, y: number): Graphics

Parameters

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

Returns

Graphics

public dc(x: number, y: number, radius: number): Graphics

Parameters

  • x: number
  • y: number
  • radius: number

Returns

Graphics

public de(x: number, y: number, w: number, h: number): Graphics

Parameters

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

Returns

Graphics

public decodePath(str: string): Graphics

Parameters

  • str: string

Returns

Graphics

public dp(x: number, y: number, radius: number, sides: number, pointSize: number, angle: number): Graphics

Parameters

  • x: number
  • y: number
  • radius: number
  • sides: number
  • pointSize: number
  • angle: number

Returns

Graphics

public dr(x: number, y: number, w: number, h: number): Graphics

Parameters

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

Returns

Graphics

public draw(ctx: CanvasRenderingContext2D)

Parameters

  • ctx: CanvasRenderingContext2D

public drawAsPath(ctx: CanvasRenderingContext2D)

Parameters

  • ctx: CanvasRenderingContext2D

public drawCircle(x: number, y: number, radius: number): Graphics

Parameters

  • x: number
  • y: number
  • radius: number

Returns

Graphics

public drawEllipse(x: number, y: number, w: number, h: number): Graphics

Parameters

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

Returns

Graphics

public drawPolyStar(x: number, y: number, radius: number, sides: number, pointSize: number, angle: number): Graphics

Parameters

  • x: number
  • y: number
  • radius: number
  • sides: number
  • pointSize: number
  • angle: number

Returns

Graphics

public drawRect(x: number, y: number, w: number, h: number): Graphics

Parameters

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

Returns

Graphics

public drawRoundRect(x: number, y: number, w: number, h: number, radius: number): Graphics

Parameters

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

Returns

Graphics

public drawRoundRectComplex(x: number, y: number, w: number, h: number, radiusTL: number, radiusTR: number, radiusBR: number, radisBL: number): Graphics

Parameters

  • x: number
  • y: number
  • w: number
  • h: number
  • radiusTL: number
  • radiusTR: number
  • radiusBR: number
  • radisBL: number

Returns

Graphics

public ef(): Graphics

Returns

Graphics

public endFill(): Graphics

Returns

Graphics

public endStroke(): Graphics

Returns

Graphics

public es(): Graphics

Returns

Graphics

public f(color: string): Graphics

Parameters

  • color: string

Returns

Graphics

public static getHSL(hue: number, saturation: number, lightness: number, alpha?: number): string

Parameters

  • hue: number
  • saturation: number
  • lightness: number
  • alpha?: number optional

Returns

string

public static getRGB(r: number, g: number, b: number, alpha?: number): string

Parameters

  • r: number
  • g: number
  • b: number
  • alpha?: number optional

Returns

string

public inject(callback: (data: any) => any, data: any): Graphics

Parameters

  • callback: (data: any) => any
  • data: any

Returns

Graphics

public isEmpty(): boolean

Returns

boolean

public lf(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, x1: number, y1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • x1: number
  • y1: number

Returns

Graphics

public lineTo(x: number, y: number): Graphics

Parameters

  • x: number
  • y: number

Returns

Graphics

public ls(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, x1: number, y1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • x1: number
  • y1: number

Returns

Graphics

public lt(x: number, y: number): Graphics

Parameters

  • x: number
  • y: number

Returns

Graphics

public moveTo(x: number, y: number): Graphics

Parameters

  • x: number
  • y: number

Returns

Graphics

public mt(x: number, y: number): Graphics

Parameters

  • x: number
  • y: number

Returns

Graphics

public p(str: string): Graphics

Parameters

  • str: string

Returns

Graphics

public qt(cpx: number, cpy: number, x: number, y: number): Graphics

Parameters

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

Returns

Graphics

public quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): Graphics

Parameters

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

Returns

Graphics

public r(x: number, y: number, w: number, h: number): Graphics

Parameters

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

Returns

Graphics

public rc(x: number, y: number, w: number, h: number, radiusTL: number, radiusTR: number, radiusBR: number, radisBL: number): Graphics

Parameters

  • x: number
  • y: number
  • w: number
  • h: number
  • radiusTL: number
  • radiusTR: number
  • radiusBR: number
  • radisBL: number

Returns

Graphics

public rect(x: number, y: number, w: number, h: number): Graphics

Parameters

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

Returns

Graphics

public rf(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • r0: number
  • x1: number
  • y1: number
  • r1: number

Returns

Graphics

public rr(x: number, y: number, w: number, h: number, radius: number): Graphics

Parameters

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

Returns

Graphics

public rs(colors: Array<string>, ratios: Array<number>, x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): Graphics

Parameters

  • colors: Array<string>
  • ratios: Array<number>
  • x0: number
  • y0: number
  • r0: number
  • x1: number
  • y1: number
  • r1: number

Returns

Graphics

public s(color: string): Graphics

Parameters

  • color: string

Returns

Graphics

public setStrokeStyle(thickness: number, caps?: string, joints?: string, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: string optional
  • joints?: string optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public setStrokeStyle(thickness: number, caps?: number, joints?: string, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: number optional
  • joints?: string optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public setStrokeStyle(thickness: number, caps?: string, joints?: number, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: string optional
  • joints?: number optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public setStrokeStyle(thickness: number, caps?: number, joints?: number, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: number optional
  • joints?: number optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public ss(thickness: number, caps?: string, joints?: string, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: string optional
  • joints?: string optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public ss(thickness: number, caps?: number, joints?: string, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: number optional
  • joints?: string optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public ss(thickness: number, caps?: string, joints?: number, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: string optional
  • joints?: number optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public ss(thickness: number, caps?: number, joints?: number, miterLimit?: number, ignoreScale?: boolean): Graphics

Parameters

  • thickness: number
  • caps?: number optional
  • joints?: number optional
  • miterLimit?: number optional
  • ignoreScale?: boolean optional

Returns

Graphics

public toString(): string

Returns

string