Options
All
  • Public
  • Public/Protected
  • All
Menu

Class default

Hierarchy

  • default

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

  • new default(width: number, height: number): default
  • new default(element?: string | HTMLCanvasElement): default
  • new default(element: string | HTMLCanvasElement, width?: number, height?: number): default

Properties

Private #el

#el: HTMLCanvasElement

Private Readonly #env

#env: { angleMode: AngleType; aspectRatio: number | "auto"; attributeContext: { alpha: boolean; desynchronized: boolean }; clear: boolean; colorMode: ColorType; context2dCaching: null | CanvasRenderingContext2D; doFill: boolean; doStroke: boolean; existsPreload: boolean; fillColor: string; idFrame: null | number; loop: boolean; pmouseX: number; pmouseY: number; preventTouch: boolean; realMouseIsPressed: boolean; rectMode: RectMode; rotate: { now: number; sum: number }; scale: HightTransform; stopTouch: boolean; strokeColor: string; translate: HightTransform; useFloatPixel: boolean } = ...

Type declaration

  • angleMode: AngleType
  • aspectRatio: number | "auto"
  • attributeContext: { alpha: boolean; desynchronized: boolean }
    • alpha: boolean
    • desynchronized: boolean
  • clear: boolean
  • colorMode: ColorType
  • context2dCaching: null | CanvasRenderingContext2D
  • doFill: boolean
  • doStroke: boolean
  • existsPreload: boolean
  • fillColor: string
  • idFrame: null | number
  • loop: boolean
  • pmouseX: number
  • pmouseY: number
  • preventTouch: boolean
  • realMouseIsPressed: boolean
  • rectMode: RectMode
  • rotate: { now: number; sum: number }
    • now: number
    • sum: number
  • scale: HightTransform
  • stopTouch: boolean
  • strokeColor: string
  • translate: HightTransform
  • useFloatPixel: boolean

Private Readonly #hooks

#hooks: OneTimeEvent<{ preloaded: false; setuped: false }> = ...

changedTouches

changedTouches: readonly ReadonlyMouseOffset[] = []

touches

touches: readonly ReadonlyMouseOffset[] = []

Accessors

$el

  • get $el(): HTMLCanvasElement

allowClear

  • get allowClear(): boolean

allowLoop

  • get allowLoop(): boolean

ctx

  • get ctx(): CanvasRenderingContext2D

height

  • get height(): number
  • set height(value: number): void

mouseIsPressed

  • get mouseIsPressed(): boolean

mouseX

  • get mouseX(): null | number

mouseY

  • get mouseY(): null | number

movedX

  • get movedX(): number

movedY

  • get movedY(): number

pmouseX

  • get pmouseX(): number

pmouseY

  • get pmouseY(): number

width

  • get width(): number
  • set width(value: number): void

windowHeight

  • get windowHeight(): number

windowWidth

  • get windowWidth(): number

Methods

Private #cancelListenerMouseEventSystem

  • #cancelListenerMouseEventSystem(el: Element): void

Private Readonly #listenerMouseEventSystem

  • #listenerMouseEventSystem(event: any): void

Private Readonly #listenerMousePress

  • #listenerMousePress(event: any): void

Private #reListenMouseEventSystem

  • #reListenMouseEventSystem(el: Element): void

Private #refreshContext

  • #refreshContext(): void

Private #updateAspectRatio

  • #updateAspectRatio(): void

acos

  • acos(cos: number): number

alpha

  • alpha(): number
  • alpha(alpha: number): void

angleMode

  • angleMode(): AngleType
  • angleMode(type: AngleType): void

append

  • append(parent?: HTMLElement): void

asin

  • asin(sin: number): number

aspectRatio

  • aspectRatio(value: number | "auto"): void

atan

  • atan(tan: number): number

atan2

  • atan2(y: number, x: number): number

background

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

backgroundImage

  • backgroundImage(image: CanvasImageSource): void

blur

  • blur(): void

cacheFillColor

  • cacheFillColor(val?: string): string

cacheStrokeColor

  • cacheStrokeColor(val?: string): string

clear

  • clear(x?: number, y?: number, w?: number, h?: number): void

clip

  • clip(): void
  • clip(fillRule: RuleClip): void
  • clip(path: Path2D, fillRule: RuleClip): void

colorMode

  • colorMode(): ColorType
  • colorMode(mode: ColorType): void

convertToDegress

  • convertToDegress(value: number): number

convertToRadius

  • convertToRadius(value: number): number

convertToRgbColor

  • convertToRgbColor(__namedParameters: readonly any[]): any

cos

  • cos(angle: number): number

createImageData

  • createImageData(height: ImageData): ImageData
  • createImageData(width: number, height: number): ImageData

createLinearGradient

  • createLinearGradient(x: number, y: number, width: number, height: number): CanvasGradient

createPattern

  • createPattern(image: CanvasImageSource, direction: DirectionPattern): CanvasPattern

  • Parameters

    • image: CanvasImageSource
    • direction: DirectionPattern

    Returns CanvasPattern

createRadialGradient

  • createRadialGradient(x1: number, y1: number, r1: number, x2: number, y2: number, r2: number): CanvasGradient

  • Parameters

    • x1: number
    • y1: number
    • r1: number
    • x2: number
    • y2: number
    • r2: number

    Returns CanvasGradient

cursor

  • cursor(): void

desync

  • desync(): void

doFill

  • doFill(val?: boolean): boolean

doStroke

  • doStroke(val?: boolean): boolean

draw

  • draw(callback: Noop): void

font

  • font(): string
  • font(font: string): void

fontFamily

  • fontFamily(): string
  • fontFamily(font: string): void

fontSize

  • fontSize(): number
  • fontSize(size: number): void

fontWeight

  • fontWeight(): string
  • fontWeight(weight: string): void

getImageData

  • getImageData(x: number, y: number, width: number, height: number): ImageData

getSizeofRect

  • getSizeofRect(x: number, y: number, width: number, height: number): readonly [number, number, number, number]

  • Parameters

    • x: number
    • y: number
    • width: number
    • height: number

    Returns readonly [number, number, number, number]

lineCap

  • lineCap(): LineCap
  • lineCap(value: LineCap): void

lineJoin

  • lineJoin(): LineJoin
  • lineJoin(type: LineJoin): void

loop

  • loop(): void

measureText

  • measureText(text: string): number

miterLimit

  • miterLimit(): number
  • miterLimit(value: number): void

mount

  • mount(element: string | HTMLCanvasElement): void

mouseClicked

  • mouseClicked(callback: (ev: MouseEvent) => void): Noop

  • Parameters

    • callback: (ev: MouseEvent) => void
        • (ev: MouseEvent): void

        • Parameters

          • ev: MouseEvent

          Returns void

    Returns Noop

mouseDown

  • mouseDown(callback: (ev: MouseEvent) => void): Noop

  • Parameters

    • callback: (ev: MouseEvent) => void
        • (ev: MouseEvent): void

        • Parameters

          • ev: MouseEvent

          Returns void

    Returns Noop

mouseIn

  • mouseIn(callback: (ev: MouseEvent) => void): Noop

  • Parameters

    • callback: (ev: MouseEvent) => void
        • (ev: MouseEvent): void

        • Parameters

          • ev: MouseEvent

          Returns void

    Returns Noop

mouseMove

  • mouseMove(callback: (ev: MouseEvent) => void): Noop

  • Parameters

    • callback: (ev: MouseEvent) => void
        • (ev: MouseEvent): void

        • Parameters

          • ev: MouseEvent

          Returns void

    Returns Noop

mouseOut

  • mouseOut(callback: (ev: MouseEvent) => void): Noop

  • Parameters

    • callback: (ev: MouseEvent) => void
        • (ev: MouseEvent): void

        • Parameters

          • ev: MouseEvent

          Returns void

    Returns Noop

mouseUp

  • mouseUp(callback: (ev: Event) => void): Noop

  • Parameters

    • callback: (ev: Event) => void
        • (ev: Event): void

        • Parameters

          • ev: Event

          Returns void

    Returns Noop

noBlur

  • noBlur(): void

noClear

  • noClear(): void

noCursor

  • noCursor(): void

noDesync

  • noDesync(): void

noFloatPixel

  • noFloatPixel(): void

noLoop

  • noLoop(): void

on

  • on<Name>(name: Name, callback: (ev: ReadonlyListEvents[Name]) => void): Noop

  • Type parameters

    • Name: string | number

    Parameters

    • name: Name
    • callback: (ev: ReadonlyListEvents[Name]) => void
        • (ev: ReadonlyListEvents[Name]): void

        • Parameters

          • ev: ReadonlyListEvents[Name]

          Returns void

    Returns Noop

operation

  • operation(): GlobalCompositeOperationType
  • operation(composite: GlobalCompositeOperationType): void

performancePixel

  • performancePixel(value: number): number

preload

  • preload(callback: Noop | (() => Promise<void>)): Promise<void>

preventTouch

  • preventTouch(): void

putImageData

  • putImageData(imageData: ImageData, x: number, y: number): void
  • putImageData(imageData: ImageData, x: number, y: number, xs: number, ys: number, width: number, height: number): void

  • Parameters

    • imageData: ImageData
    • x: number
    • y: number

    Returns void

  • Parameters

    • imageData: ImageData
    • x: number
    • y: number
    • xs: number
    • ys: number
    • width: number
    • height: number

    Returns void

rectMode

  • rectMode(): RectMode
  • rectMode(mode: RectMode): void

resetAlpha

  • resetAlpha(): void

resetRotate

  • resetRotate(): void

resetScale

  • resetScale(): void

resetTransform

  • resetTransform(): void

resetTranslate

  • resetTranslate(): void

restore

  • restore(): void

rotate

  • rotate(): number
  • rotate(value: number): void

save

  • save(): void

scale

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

setIdFrame

  • setIdFrame(id: number): void

setTransform

  • setTransform(matrix: DOMMatrix): void
  • setTransform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void

setup

  • setup(callback: Noop | (() => Promise<void>)): Promise<void>

sin

  • sin(angle: number): number

size

  • size(width: number, height: number): void

stopTouch

  • stopTouch(): void

tan

  • tan(angle: number): number

textAlign

  • textAlign(): TextAlignType
  • textAlign(type: TextAlignType): void

textBaseline

  • textBaseline(): TextBaselineType
  • textBaseline(middle: TextBaselineType): void

toDataURL

  • toDataURL(type?: string, scale?: number): string

touchEnd

  • touchEnd(callback: (ev: TouchEvent) => void): Noop

  • Parameters

    • callback: (ev: TouchEvent) => void
        • (ev: TouchEvent): void

        • Parameters

          • ev: TouchEvent

          Returns void

    Returns Noop

touchMove

  • touchMove(callback: (ev: TouchEvent) => void): Noop

  • Parameters

    • callback: (ev: TouchEvent) => void
        • (ev: TouchEvent): void

        • Parameters

          • ev: TouchEvent

          Returns void

    Returns Noop

touchStart

  • touchStart(callback: (ev: TouchEvent) => void): Noop

  • Parameters

    • callback: (ev: TouchEvent) => void
        • (ev: TouchEvent): void

        • Parameters

          • ev: TouchEvent

          Returns void

    Returns Noop

transform

  • transform(matrix: DOMMatrix): void
  • transform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void
  • transform(): DOMMatrix

translate

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

useFloatPixel

  • useFloatPixel(): void

Generated using TypeDoc