Class WSBehaviors

configuration

• get configuration(): TConfiguration

• Returns TConfiguration

currentPenStyle

• get currentPenStyle(): TPenStyle

• Returns TPenStyle

internalEvent

• get internalEvent(): InternalEvent

• Returns InternalEvent

model

• get model(): Model

• Returns Model

penStyle

• get penStyle(): TPenStyle

• Returns TPenStyle

penStyleClasses

• get penStyleClasses(): string

• Returns string

theme

• get theme(): TTheme

• Returns TTheme

constructor

• new WSBehaviors(options): WSBehaviors

• Parameters

  • options: {
        behaviors?: { grabber?: { attach?: {} | undefined; detach?: {} | undefined; onPointerDown?: {} | undefined; onPointerMove?: {} | undefined; onPointerUp?: {} | undefined; } | undefined; recognizer?: { ...; } | ... 2 more ... | undefined; menu?: { ...; } | undefined; gesture?: { ...; } | undefined; snap?: { ...; } | undefined; };
        configuration?: { offscreen?: boolean | undefined; server?: { protocol?: TProtocol | undefined; scheme?: TSchene | undefined; host?: string | undefined; applicationKey?: string | undefined; hmacKey?: string | undefined; version?: string | undefined; useWindowLocation?: boolean | undefined; websocket?: { ...; } | undefined; } | unde...;
        fontStyle?: { size?: number | undefined; weight?: "normal" | "bold" | undefined; };
        logger?: { readonly EDITOR?: LoggerLevel | undefined; readonly RECOGNIZER?: LoggerLevel | undefined; readonly GRABBER?: LoggerLevel | undefined; ... 16 more ...; readonly MENU?: LoggerLevel | undefined; };
        penStyle?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; };
        theme?: { [x: string]: unknown; ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; } | undefined; ".math"?: { ......;
    }

    • Optional behaviors?: { grabber?: { attach?: {} | undefined; detach?: {} | undefined; onPointerDown?: {} | undefined; onPointerMove?: {} | undefined; onPointerUp?: {} | undefined; } | undefined; recognizer?: { ...; } | ... 2 more ... | undefined; menu?: { ...; } | undefined; gesture?: { ...; } | undefined; snap?: { ...; } | undefined; }

    • Optional configuration?: { offscreen?: boolean | undefined; server?: { protocol?: TProtocol | undefined; scheme?: TSchene | undefined; host?: string | undefined; applicationKey?: string | undefined; hmacKey?: string | undefined; version?: string | undefined; useWindowLocation?: boolean | undefined; websocket?: { ...; } | undefined; } | unde...

    • Optional fontStyle?: { size?: number | undefined; weight?: "normal" | "bold" | undefined; }

    • Optional logger?: { readonly EDITOR?: LoggerLevel | undefined; readonly RECOGNIZER?: LoggerLevel | undefined; readonly GRABBER?: LoggerLevel | undefined; ... 16 more ...; readonly MENU?: LoggerLevel | undefined; }

    • Optional penStyle?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; }

    • Optional theme?: { [x: string]: unknown; ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; } | undefined; ".math"?: { ......

  Returns WSBehaviors

clear

• clear(): Promise<IModel>

• Returns Promise<IModel>

convert

• convert(conversionState?): Promise<IModel>

• Parameters

  • Optional conversionState: TConverstionState

  Returns Promise<IModel>

destroy

• destroy(): Promise<void>

• Returns Promise<void>

drawCurrentStroke

• drawCurrentStroke(): void

• Returns void

export

• export(mimeTypes?): Promise<IModel>

• Parameters

  • Optional mimeTypes: string[]

  Returns Promise<IModel>

import

• import(data, mimeType?): Promise<IModel>

• Parameters

  • data: Blob

  • Optional mimeType: string

  Returns Promise<IModel>

importPointEvents

• importPointEvents(strokes): Promise<IModel>

• Parameters

  • strokes: {
        creationTime?: number;
        id?: string;
        length?: number;
        modificationDate?: number;
        pointerType?: string;
        pointers?: (undefined | ({ x?: number | undefined; y?: number | undefined; t?: number | undefined; p?: number | undefined; }))[];
        style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; };
        type?: string;
    }[]

  Returns Promise<IModel>

init

• init(domElement): Promise<void>

• Parameters

  • domElement: HTMLElement

  Returns Promise<void>

redo

• redo(): Promise<IModel>

• Returns Promise<IModel>

resize

• resize(height, width): Promise<IModel>

• Parameters

  • height: number

  • width: number

  Returns Promise<IModel>

setPenStyle

• setPenStyle(penStyle?): Promise<void>

• Parameters

  • Optional penStyle: {
        -myscript-pen-fill-color?: string;
        -myscript-pen-fill-style?: string;
        -myscript-pen-width?: number;
        color?: string;
        fill?: string;
        opacity?: number;
        width?: number;
    }

    • Optional -myscript-pen-fill-color?: string

    • Optional -myscript-pen-fill-style?: string

    • Optional -myscript-pen-width?: number

    • Optional color?: string

    • Optional fill?: string

    • Optional opacity?: number

    • Optional width?: number

  Returns Promise<void>

setPenStyleClasses

• setPenStyleClasses(penClass?): Promise<void>

• Parameters

  • Optional penClass: string

  Returns Promise<void>

setTheme

• setTheme(theme?): Promise<void>

• Parameters

  • Optional theme: {
        .math?: { "font-family"?: string | undefined; };
        .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; };
        .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; };
        ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; };
    }

    • Optional .math?: { "font-family"?: string | undefined; }

    • Optional .math-solved?: { "font-family"?: string | undefined; color?: string | undefined; }

    • Optional .text?: { "font-family"?: string | undefined; "font-size"?: number | undefined; }

    • Optional ink?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; "-myscript-pen-width"?: number | undefined; "-myscript-pen-fill-style"?: string | undefined; "-myscript-pen-fill-color"?: string | undefined; }

  Returns Promise<void>

synchronizeModelWithBackend

• synchronizeModelWithBackend(): Promise<IModel>

• Returns Promise<IModel>

undo

• undo(): Promise<IModel>

• Returns Promise<IModel>

waitForIdle

• waitForIdle(): Promise<void>

• Returns Promise<void>

grabber

history

intention

name

recognizer

renderer

styleManager