Class OIBehaviors

Implements

Accessors

configuration currentPenStyle intention internalEvent model penStyle penStyleClasses renderingConfiguration theme

Constructors

constructor

Methods

addSymbol addSymbols buildBlobFromSymbols changeLanguage changeOrderSymbol changeOrderSymbols clear convert createEdge createGroup createShape createStroke createSymbol createSymbols createText destroy downloadAsJson downloadAsPNG downloadAsSVG export extractBackendChanges extractStrokesFromSymbols getExportName getSymbolsBounds groupStrokesByJIIXElement groupSymbols importPointEvents init onContextMenu onPointerDown onPointerMove onPointerUp redo removeSymbol removeSymbols replaceSymbols resize select selectAll setPenStyle setPenStyleClasses setTheme triggerDownload undo ungroupSymbol unselectAll updateLayerInfos updateSymbol updateSymbols updateSymbolsStyle updateTextFontStyle

Properties

#configuration #intention #layerInfosTimer? #logger #model converter eraser gesture grabber history layerInfos menu move name recognizer renderer resizer rotator selector snaps styler svgDebugger texter translator writer

Accessors

configuration

currentPenStyle

  • get currentPenStyle(): TStyle

  • Returns TStyle

intention

internalEvent

model

  • get model(): OIModel

  • Returns OIModel

penStyle

  • get penStyle(): TStyle

  • Returns TStyle

penStyleClasses

  • get penStyleClasses(): string

  • Returns string

renderingConfiguration

  • set renderingConfiguration(renderingConfiguration): void

  • Parameters

    Returns void

theme

  • get theme(): TTheme

  • Returns TTheme

Constructors

constructor

  • new OIBehaviors(options, layerInfos): OIBehaviors

  • 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"?: { ......
    • layerInfos: HTMLDivElement

    Returns OIBehaviors

Methods

addSymbol

  • addSymbol(sym, addToHistory?): Promise<TOISymbol>

  • Parameters

    Returns Promise<TOISymbol>

addSymbols

  • addSymbols(symList, addToHistory?): Promise<TOISymbol[]>

  • Parameters

    • symList: TOISymbol[]
    • addToHistory: boolean = true

    Returns Promise<TOISymbol[]>

Protected buildBlobFromSymbols

  • buildBlobFromSymbols(symbols, box): Blob

  • Parameters

    Returns Blob

changeLanguage

  • changeLanguage(code): Promise<void>

  • Parameters

    • code: string

    Returns Promise<void>

changeOrderSymbol

  • changeOrderSymbol(symbol, position): void

  • Parameters

    • symbol: TOISymbol
    • position: "first" | "last" | "forward" | "backward"

    Returns void

changeOrderSymbols

  • changeOrderSymbols(symbols, position): void

  • Parameters

    • symbols: TOISymbol[]
    • position: "first" | "last" | "forward" | "backward"

    Returns void

clear

convert

Protected createEdge

Protected createGroup

  • createGroup(partialGroup): OISymbolGroup

  • Parameters

    • partialGroup: {
          bounds: undefined | ({ x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; });
          children?: (undefined | ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; startAngle?: number | undefined; sweepAngle?: number | undefined; radiusX?: number | undefined; radiusY?: number | undefined; ... 20 more ...; isIntersected?: {} | undefined; }) | ({ start?: { x?: number | undefined; y?: number | undefined; } | undefined; end?: { x?: number | undefined; y?: number | undefined; } | undefined; readonly vertices?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; ... 18 more ...; isIntersected?: {} | undefined; }) | ({ points?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; readonly vertices?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; ... 18 more ...; isIntersected?: {} | undefined; }) | ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; radius?: number | undefined; readonly bounds?: { x?: number | undefined; y?: number | undefined; width?: number | undefined; ... 13 more ...; overlaps?: {} | undefined; } | undefined; ... 16 more ...; isIntersected?: {} | undefined; }) | ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; radiusX?: number | undefined; radiusY?: number | undefined; orientation?: number | undefined; readonly vertices?: ({ ...; } | undefined)[] | undefined; ... 16 more ...; isIntersected?: {} | undefined; }) | ({ points?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; readonly vertices?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; ... 16 more ...; isIntersected?: {} | undefined; }) | ({ readonly isClosed?: false | undefined; pointerType?: string | undefined; length?: number | undefined; decorators?: ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { ...; } | undefined; clone?: {} | undefined; } | undefined)[] | undefined; ... 18 more ...; isIntersected?: {} | undefined; }) | ({ readonly isClosed?: false | undefined; children?: ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; startAngle?: number | undefined; sweepAngle?: number | undefined; ... 22 more ...; isIntersected?: {} | undefined; } | ... 8 more ... | undefined)[] | undefined; ... 22 more ...; isInterse...) | ({ readonly isClosed?: true | undefined; point?: { x?: number | undefined; y?: number | undefined; } | undefined; chars?: ({ id?: string | undefined; label?: string | undefined; fontSize?: number | undefined; fontWeight?: "normal" | ... 1 more ... | undefined; color?: string | undefined; bounds?: { ...; } | undefined...))[];
          clone?: any;
          containsOnlyStroke?: any;
          containsSymbol?: any;
          creationTime?: number;
          decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[];
          deleting?: boolean;
          edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[];
          extractStrokes?: any;
          extractSymbols?: any;
          id?: string;
          isClosed?: false;
          isIntersected?: any;
          modificationDate?: number;
          overlaps?: any;
          removeChilds?: any;
          selected?: boolean;
          snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
          style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; };
          toJSON?: any;
          transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; };
          type?: Group;
          updateChildrenStyle?: any;
          vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
      }
      • bounds: undefined | ({ x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; })
      • Optional children?: (undefined | ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; startAngle?: number | undefined; sweepAngle?: number | undefined; radiusX?: number | undefined; radiusY?: number | undefined; ... 20 more ...; isIntersected?: {} | undefined; }) | ({ start?: { x?: number | undefined; y?: number | undefined; } | undefined; end?: { x?: number | undefined; y?: number | undefined; } | undefined; readonly vertices?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; ... 18 more ...; isIntersected?: {} | undefined; }) | ({ points?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; readonly vertices?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; ... 18 more ...; isIntersected?: {} | undefined; }) | ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; radius?: number | undefined; readonly bounds?: { x?: number | undefined; y?: number | undefined; width?: number | undefined; ... 13 more ...; overlaps?: {} | undefined; } | undefined; ... 16 more ...; isIntersected?: {} | undefined; }) | ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; radiusX?: number | undefined; radiusY?: number | undefined; orientation?: number | undefined; readonly vertices?: ({ ...; } | undefined)[] | undefined; ... 16 more ...; isIntersected?: {} | undefined; }) | ({ points?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; readonly vertices?: ({ x?: number | undefined; y?: number | undefined; } | undefined)[] | undefined; ... 16 more ...; isIntersected?: {} | undefined; }) | ({ readonly isClosed?: false | undefined; pointerType?: string | undefined; length?: number | undefined; decorators?: ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { ...; } | undefined; clone?: {} | undefined; } | undefined)[] | undefined; ... 18 more ...; isIntersected?: {} | undefined; }) | ({ readonly isClosed?: false | undefined; children?: ({ center?: { x?: number | undefined; y?: number | undefined; } | undefined; startAngle?: number | undefined; sweepAngle?: number | undefined; ... 22 more ...; isIntersected?: {} | undefined; } | ... 8 more ... | undefined)[] | undefined; ... 22 more ...; isInterse...) | ({ readonly isClosed?: true | undefined; point?: { x?: number | undefined; y?: number | undefined; } | undefined; chars?: ({ id?: string | undefined; label?: string | undefined; fontSize?: number | undefined; fontWeight?: "normal" | ... 1 more ... | undefined; color?: string | undefined; bounds?: { ...; } | undefined...))[]
      • Optional creationTime?: number
      • Optional decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[]
      • Optional deleting?: boolean
      • edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[]
      • Optional id?: string
      • Optional Readonly isClosed?: false
      • Optional modificationDate?: number
      • Optional selected?: boolean
      • snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[]
      • Optional style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; }
      • Optional transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; }
      • Optional Readonly type?: Group
      • vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[]

    Returns OISymbolGroup

Protected createShape

Protected createStroke

  • createStroke(partialSymbol): OIStroke

  • Parameters

    • partialSymbol: {
          addPointer?: any;
          bounds: undefined | ({ x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; });
          clone?: any;
          creationTime?: number;
          decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[];
          deleting?: boolean;
          edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[];
          formatToSend?: any;
          id?: string;
          isClosed?: false;
          isIntersected?: any;
          length?: number;
          modificationDate?: number;
          overlaps?: any;
          pointerType?: string;
          pointers?: (undefined | ({ x?: number | undefined; y?: number | undefined; t?: number | undefined; p?: number | undefined; }))[];
          selected?: boolean;
          snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
          style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; };
          toJSON?: any;
          transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; };
          type?: Stroke;
          vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
      }
      • bounds: undefined | ({ x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; })
      • Optional creationTime?: number
      • Optional decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[]
      • Optional deleting?: boolean
      • edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[]
      • Optional id?: string
      • Optional Readonly isClosed?: false
      • Optional length?: number
      • Optional modificationDate?: number
      • Optional pointerType?: string
      • Optional pointers?: (undefined | ({ x?: number | undefined; y?: number | undefined; t?: number | undefined; p?: number | undefined; }))[]
      • Optional selected?: boolean
      • snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[]
      • Optional style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; }
      • Optional transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; }
      • Optional Readonly type?: Stroke
      • vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[]

    Returns OIStroke

createSymbol

createSymbols

Protected createText

  • createText(partialSymbol): OIText

  • Parameters

    • partialSymbol: {
          bounds?: { x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; };
          chars?: (undefined | ({ id?: string | undefined; label?: string | undefined; fontSize?: number | undefined; fontWeight?: "normal" | "bold" | undefined; color?: string | undefined; bounds?: { x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; } | undefined; }))[];
          clone?: any;
          creationTime?: number;
          decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[];
          deleting?: boolean;
          edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[];
          getCharsOverlaps?: any;
          id?: string;
          isClosed?: true;
          isIntersected?: any;
          label: undefined | string;
          modificationDate?: number;
          overlaps?: any;
          point?: { x?: number | undefined; y?: number | undefined; };
          rotation?: { degree?: number | undefined; center?: { x?: number | undefined; y?: number | undefined; } | undefined; };
          selected?: boolean;
          snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
          style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; };
          toJSON?: any;
          transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; };
          type?: Text;
          vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
      }
      • Optional bounds?: { x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; }
      • Optional chars?: (undefined | ({ id?: string | undefined; label?: string | undefined; fontSize?: number | undefined; fontWeight?: "normal" | "bold" | undefined; color?: string | undefined; bounds?: { x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; } | undefined; }))[]
      • Optional creationTime?: number
      • Optional decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[]
      • Optional deleting?: boolean
      • edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[]
      • Optional id?: string
      • Optional Readonly isClosed?: true
      • label: undefined | string
      • Optional modificationDate?: number
      • Optional point?: { x?: number | undefined; y?: number | undefined; }
      • Optional rotation?: { degree?: number | undefined; center?: { x?: number | undefined; y?: number | undefined; } | undefined; }
      • Optional selected?: boolean
      • snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[]
      • Optional style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; }
      • Optional transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; }
      • Optional Readonly type?: Text
      • vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[]

    Returns OIText

destroy

  • destroy(): Promise<void>

  • Returns Promise<void>

downloadAsJson

  • downloadAsJson(selection?): void

  • Parameters

    • selection: boolean = false

    Returns void

downloadAsPNG

  • downloadAsPNG(selection?): void

  • Parameters

    • selection: boolean = false

    Returns void

downloadAsSVG

  • downloadAsSVG(selection?): void

  • Parameters

    • selection: boolean = false

    Returns void

export

  • export(mimeTypes?): Promise<OIModel>

  • Parameters

    • Optional mimeTypes: string[]

    Returns Promise<OIModel>

Protected extractBackendChanges

extractStrokesFromSymbols

  • extractStrokesFromSymbols(symbols): OIStroke[]

  • Parameters

    Returns OIStroke[]

Protected getExportName

  • getExportName(extension): string

  • Parameters

    • extension: string

    Returns string

getSymbolsBounds

  • getSymbolsBounds(symbols, margin?): Box

  • Parameters

    • symbols: TOISymbol[]
    • margin: 10 = SELECTION_MARGIN

    Returns Box

groupStrokesByJIIXElement

  • groupStrokesByJIIXElement(): Promise<void>

  • Returns Promise<void>

groupSymbols

importPointEvents

  • importPointEvents(partialStrokes): Promise<OIModel>

  • Parameters

    • partialStrokes: {
          addPointer?: any;
          bounds: undefined | ({ x?: number | undefined; y?: number | undefined; width?: number | undefined; height?: number | undefined; readonly xMin?: number | undefined; readonly xMid?: number | undefined; readonly xMax?: number | undefined; ... 9 more ...; overlaps?: {} | undefined; });
          clone?: any;
          creationTime?: number;
          decorators?: (undefined | ({ id?: string | undefined; kind?: DecoratorKind | undefined; style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; } | undefined; clone?: {} | undefined; }))[];
          deleting?: boolean;
          edges: undefined | (undefined | ({ p1?: { x?: number | undefined; y?: number | undefined; } | undefined; p2?: { x?: number | undefined; y?: number | undefined; } | undefined; }))[];
          formatToSend?: any;
          id?: string;
          isClosed?: false;
          isIntersected?: any;
          length?: number;
          modificationDate?: number;
          overlaps?: any;
          pointerType?: string;
          pointers?: (undefined | ({ x?: number | undefined; y?: number | undefined; t?: number | undefined; p?: number | undefined; }))[];
          selected?: boolean;
          snapPoints: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
          style?: { width?: number | undefined; color?: string | undefined; opacity?: number | undefined; fill?: string | undefined; };
          toJSON?: any;
          transform?: { xx?: number | undefined; yx?: number | undefined; xy?: number | undefined; yy?: number | undefined; tx?: number | undefined; ty?: number | undefined; invert?: {} | undefined; multiply?: {} | undefined; ... 5 more ...; toCssString?: {} | undefined; };
          type?: Stroke;
          vertices: undefined | (undefined | ({ x?: number | undefined; y?: number | undefined; }))[];
      }[]

    Returns Promise<OIModel>

init

  • init(domElement): Promise<void>

  • Parameters

    • domElement: HTMLElement

    Returns Promise<void>

Protected onContextMenu

  • onContextMenu(el, point): Promise<void>

  • Parameters

    Returns Promise<void>

Protected onPointerDown

  • onPointerDown(evt, pointer): void

  • Parameters

    Returns void

Protected onPointerMove

  • onPointerMove(evt, pointer): void

  • Parameters

    Returns void

Protected onPointerUp

  • onPointerUp(evt, pointer): Promise<void>

  • Parameters

    Returns Promise<void>

redo

removeSymbol

  • removeSymbol(id, addToHistory?): Promise<void>

  • Parameters

    • id: string
    • addToHistory: boolean = true

    Returns Promise<void>

removeSymbols

  • removeSymbols(ids, addToHistory?): Promise<TOISymbol[]>

  • Parameters

    • ids: string[]
    • addToHistory: boolean = true

    Returns Promise<TOISymbol[]>

replaceSymbols

  • replaceSymbols(oldSymbols, newSymbols, addToHistory?): Promise<void>

  • Parameters

    Returns Promise<void>

resize

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

  • Parameters

    • height: number
    • width: number

    Returns Promise<OIModel>

select

  • select(ids): void

  • Parameters

    • ids: string[]

    Returns void

selectAll

  • selectAll(): void

  • Returns void

setPenStyle

  • setPenStyle(penStyle?): Promise<void>

  • Parameters

    Returns Promise<void>

setPenStyleClasses

  • setPenStyleClasses(penStyleClasses?): Promise<void>

  • Parameters

    • Optional penStyleClasses: string

    Returns Promise<void>

setTheme

  • setTheme(theme?): Promise<void>

  • Parameters

    Returns Promise<void>

Protected triggerDownload

  • triggerDownload(fileName, urlData): void

  • Parameters

    • fileName: string
    • urlData: string

    Returns void

undo

ungroupSymbol

unselectAll

  • unselectAll(): void

  • Returns void

updateLayerInfos

  • updateLayerInfos(): void

  • Returns void

updateSymbol

  • updateSymbol(sym, addToHistory?): Promise<TOISymbol>

  • Parameters

    Returns Promise<TOISymbol>

updateSymbols

  • updateSymbols(symList, addToHistory?): Promise<TOISymbol[]>

  • Parameters

    • symList: TOISymbol[]
    • addToHistory: boolean = true

    Returns Promise<TOISymbol[]>

updateSymbolsStyle

  • updateSymbolsStyle(symbolIds, style, addToHistory?): void

  • Parameters

    • symbolIds: string[]
    • style: TStyle
    • addToHistory: boolean = true

    Returns void

updateTextFontStyle

  • updateTextFontStyle(textIds, __namedParameters): void

  • Parameters

    • textIds: string[]
    • __namedParameters: {
          fontSize?: number;
          fontWeight?: "normal" | "bold";
      }
      • Optional fontSize?: number
      • Optional fontWeight?: "normal" | "bold"

    Returns void

Properties

Private #configuration

#configuration: TConfiguration

Private #intention

#intention: Intention

Private Optional #layerInfosTimer

#layerInfosTimer?: Timeout

Private #logger

#logger: Logger = ...

Private #model

#model: OIModel

converter

converter: OIConversionManager

eraser

eraser: OIEraseManager

gesture

gesture: OIGestureManager

grabber

grabber: OIPointerEventGrabber

history

history: OIHistoryManager

layerInfos

layerInfos: HTMLDivElement

menu

menu: OIMenuManager

move

move: OIMoveManager

name

name: string = "OIBehaviors"

recognizer

recognizer: OIRecognizer

renderer

renderer: OISVGRenderer

resizer

resizer: OIResizeManager

rotator

rotator: OIRotationManager

selector

selector: OISelectionManager

snaps

snaps: OISnapManager

styler

styler: StyleManager

svgDebugger

svgDebugger: OIDebugSVGManager

texter

texter: OITextManager

translator

translator: OITranslateManager

writer

writer: OIWriteManager

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc