Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Block

Hierarchy

  • Block

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Private #canvasInstance

#canvasInstance: null | default = null

Accessors

Protected instance

isPressed

  • get isPressed(): boolean

isPressedInTouches

  • get isPressedInTouches(): boolean

type

  • get type(): "rect" | "circle" | "point" | "unknown"

Methods

Protected arc

  • arc(x: number, y: number, radius: number, astart: number, astop: number, reverse?: boolean): void

  • Parameters

    • x: number
    • y: number
    • radius: number
    • astart: number
    • astop: number
    • Optional reverse: boolean

    Returns void

Protected arcTo

  • arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void

  • Parameters

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

    Returns void

Protected begin

  • begin(): void

Protected bezier

  • bezier(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void

  • Parameters

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

    Returns void

Protected circle

  • circle(x: number, y: number, radius: number): void

Protected close

  • close(): void

Protected drawFocusIfNeeded

  • drawFocusIfNeeded(element: Element): void
  • drawFocusIfNeeded(path: Path2D, element: Element): void

Protected drawImage

  • drawImage(image: CanvasImageSource, x: number, y: number): void
  • drawImage(image: CanvasImageSource, x: number, y: number, width: number, height: number): void
  • drawImage(image: CanvasImageSource, xStartCut: number, yStartCut: number, widthCut: number, sheightCut: number, x: number, y: number, width: number, height: number): void

  • Parameters

    • image: CanvasImageSource
    • x: number
    • y: number

    Returns void

  • Parameters

    • image: CanvasImageSource
    • x: number
    • y: number
    • width: number
    • height: number

    Returns void

  • Parameters

    • image: CanvasImageSource
    • xStartCut: number
    • yStartCut: number
    • widthCut: number
    • sheightCut: number
    • x: number
    • y: number
    • width: number
    • height: number

    Returns void

Protected drawImageRepeat

  • drawImageRepeat(image: CanvasImageSource, x: number, y: number, frameWidth: number, frameHeight: number): void
  • drawImageRepeat(image: CanvasImageSource, x: number, y: number, width: number, height: number, frameWidth: number, frameHeight: number): void
  • drawImageRepeat(image: CanvasImageSource, x: number, y: number, width: number, height: number, offsetX: number, offsetY: number, frameWidth: number, frameHeight: number): void

  • Parameters

    • image: CanvasImageSource
    • x: number
    • y: number
    • frameWidth: number
    • frameHeight: number

    Returns void

  • Parameters

    • image: CanvasImageSource
    • x: number
    • y: number
    • width: number
    • height: number
    • frameWidth: number
    • frameHeight: number

    Returns void

  • Parameters

    • image: CanvasImageSource
    • x: number
    • y: number
    • width: number
    • height: number
    • offsetX: number
    • offsetY: number
    • frameWidth: number
    • frameHeight: number

    Returns void

Protected drawWithInstance

  • drawWithInstance(cb: (fcanvas: default) => void): void

Protected ellipse

  • ellipse(x: number, y: number, radius1: number, radius2: number, astart: number, astop: number, reverse: number): void

  • Parameters

    • x: number
    • y: number
    • radius1: number
    • radius2: number
    • astart: number
    • astop: number
    • reverse: number

    Returns void

Protected fill

  • fill(hue: number, saturation: number, lightness: number): void
  • fill(hue: number, saturation: number, lightness: number, alpha: number): void
  • fill(hue: number, saturation: number, bright: number): void
  • fill(hue: number, saturation: number, bright: number, alpha: number): void
  • fill(red: number, green: number, blue: number): void
  • fill(red: number, green: number, blue: number, alpha: number): void
  • fill(linear: CanvasGradient): void
  • fill(pattern: CanvasPattern): void
  • fill(image: CanvasImageSource): void
  • fill(color: string): void
  • fill(value: number): void

Protected fillRect

  • fillRect(x: number, y: number, width: number, height: number): void

Protected fillText

  • fillText(text: string, x: number, y: number, maxWidth?: number): void

  • Parameters

    • text: string
    • x: number
    • y: number
    • Optional maxWidth: number

    Returns void

Protected isPoint

  • isPoint(x: number, y: number): boolean

Protected line

  • line(x1: number, y1: number, x2: number, y2: number): void

Protected lineDash

  • lineDash(): readonly number[]
  • lineDash(segments: readonly number[]): void
  • lineDash(...segments: readonly number[]): void

Protected lineDashOffset

  • lineDashOffset(): number
  • lineDashOffset(value: number): void

Protected lineWidth

  • lineWidth(): number
  • lineWidth(width: number): void

Protected measureText

  • measureText(text: string): number

Protected move

  • move(x: number, y: number): void

Protected noFill

  • noFill(): void

Protected noStroke

  • noStroke(): void

Protected pain

  • pain(cb: () => void, noFill?: boolean, noStroke?: boolean): void

  • Parameters

    • cb: () => void
        • (): void

        • Returns void

    • noFill: boolean = false
    • noStroke: boolean = false

    Returns void

Protected pie

  • pie(x: number, y: number, radius: number, astart: number, astop: number, reverse?: boolean): void

  • Parameters

    • x: number
    • y: number
    • radius: number
    • astart: number
    • astop: number
    • Optional reverse: boolean

    Returns void

Protected point

  • point(x: number, y: number): void

Protected polygon

  • polygon(...points: readonly number[]): void
  • polygon(...points: readonly readonly [number, number][]): void

Protected polyline

  • polyline(...points: readonly number[]): void
  • polyline(...points: readonly readonly [number, number][]): void

Protected quadratic

  • quadratic(xs: number, ys: number, cpx: number, cpy: number, x: number, y: number): void

  • Parameters

    • xs: number
    • ys: number
    • cpx: number
    • cpy: number
    • x: number
    • y: number

    Returns void

Protected rRect

  • rRect(x: number, y: number, width: number, height: number, radius: string | number): void
  • rRect(x: number, y: number, width: number, height: number, radiusLeft: string | number, radiusRight: string | number): void
  • rRect(x: number, y: number, width: number, height: number, radiusTopLeft: string | number, radiusTopRight: string | number, radiusBottomRight: string | number, radiusBottomLeft: string | number): void

  • Parameters

    • x: number
    • y: number
    • width: number
    • height: number
    • radius: string | number

    Returns void

  • Parameters

    • x: number
    • y: number
    • width: number
    • height: number
    • radiusLeft: string | number
    • radiusRight: string | number

    Returns void

  • Parameters

    • x: number
    • y: number
    • width: number
    • height: number
    • radiusTopLeft: string | number
    • radiusTopRight: string | number
    • radiusBottomRight: string | number
    • radiusBottomLeft: string | number

    Returns void

Protected rect

  • rect(x: number, y: number, width: number, height: number): void

render

  • render<T>(canvas?: null | default): void | T

Protected restore

  • restore(): void

Protected save

  • save(): void

Protected shadowBlur

  • shadowBlur(): number
  • shadowBlur(opacity: number): void

Protected shadowColor

  • shadowColor(hue: number, saturation: number, lightness: number): void
  • shadowColor(hue: number, saturation: number, lightness: number, alpha: number): void
  • shadowColor(hue: number, saturation: number, bright: number): void
  • shadowColor(hue: number, saturation: number, bright: number, alpha: number): void
  • shadowColor(red: number, green: number, blue: number): void
  • shadowColor(red: number, green: number, blue: number, alpha: number): void
  • shadowColor(linear: CanvasGradient): void
  • shadowColor(pattern: CanvasPattern): void
  • shadowColor(image: CanvasImageSource): void
  • shadowColor(color: string): void
  • shadowColor(value: number): void

Protected shadowOffset

  • shadowOffset(): ReadonlyOffset<number>
  • shadowOffset(x: number, y: number): void

Protected stroke

  • stroke(hue: number, saturation: number, lightness: number): void
  • stroke(hue: number, saturation: number, lightness: number, alpha: number): void
  • stroke(hue: number, saturation: number, bright: number): void
  • stroke(hue: number, saturation: number, bright: number, alpha: number): void
  • stroke(red: number, green: number, blue: number): void
  • stroke(red: number, green: number, blue: number, alpha: number): void
  • stroke(linear: CanvasGradient): void
  • stroke(pattern: CanvasPattern): void
  • stroke(image: CanvasImageSource): void
  • stroke(color: string): void
  • stroke(value: number): void

Protected strokeRect

  • strokeRect(x: number, y: number, width: number, height: number): void

Protected strokeText

  • strokeText(text: string, x: number, y: number, maxWidth?: number): void

  • Parameters

    • text: string
    • x: number
    • y: number
    • Optional maxWidth: number

    Returns void

Protected to

  • to(x: number, y: number): void

Protected triangle

  • triangle(x1: number, y1: number, x2: number, y2: number, x3: number, y3: number): void

  • Parameters

    • x1: number
    • y1: number
    • x2: number
    • y2: number
    • x3: number
    • y3: number

    Returns void

Generated using TypeDoc