2D markup Arrow object interface.

interface IMarkupArrow {
    delete(): void;
    enableMouseEditing(value: boolean): void;
    getColor(): string;
    getEndPoint(): { x: number; y: number };
    getPoints(): { x: number; y: number }[];
    getRotation(): number;
    getStartPoint(): { x: number; y: number };
    getZIndex(): number;
    id(): string;
    ref(): any;
    setColor(hex: string): void;
    setEndPoint(x: number, y: number): void;
    setPoints(points: { x: number; y: number }[]): void;
    setRotation(degrees: number): void;
    setStartPoint(x: number, y: number): void;
    setZIndex(zIndex: number): void;
    type(): string;
    updateScreenCoordinates(): void;
}

Hierarchy (View Summary)

Methods

  • Enables or disables the ability to select and edit an object using the mouse.

    Parameters

    • value: boolean

    Returns void

  • Returns the foreground color of an object's line or text as a string in hexadecimal color syntax #RGB using its primary color components (red, green, blue) written as hexadecimal numbers.

    Returns string

  • Returns the coordinates of the end point of arrow.

    Returns { x: number; y: number }

  • Returns the coordinates of the start and end points of arrow.

    Returns { x: number; y: number }[]

  • Returns the rotation angle of the object, in degress.

    Returns number

  • Returns the coordinates of the start point of arrow.

    Returns { x: number; y: number }

  • Returns the Z-index of a object relative to sibling objects that are in the same group.

    Z-Index is not absolute (like in CSS). It is relative to parent object group only:

    • images - are olways at the bottom
    • texts - are olways on top
    • others - are always between images and texts

    Returns number

  • Returns the internal identifier of the object. Not unique.

    Returns string

  • Returns a reference to a core markup library object (Konva, VisualizeJS, etc.).

    Returns any

  • Sets the foreground color of an object's line or text.

    Parameters

    • hex: string

      Color in hexadecimal color syntax #RGB.

    Returns void

  • Sets the coordinates of the end point of the arrow.

    Parameters

    • x: number
    • y: number

    Returns void

  • Sets the coordinates of the start and end points of the arrow.

    Parameters

    • points: { x: number; y: number }[]

      Array of points.

    Returns void

  • Sets the rotation angle of the object.

    Parameters

    • degrees: number

      Number of degress to rotate.

    Returns void

  • Sets the coordinates of the start point of the arrow.

    Parameters

    • x: number
    • y: number

    Returns void

  • Sets the Z-index of a object relative to sibling objects that are in the same group.

    Z-Index is not absolute (like in CSS). It is relative to parent object group only:

    • images - are olways at the bottom
    • texts - are olways on top
    • others - are always between images and texts

    Parameters

    • zIndex: number

      An integer value of Z-Index.

    Returns void

  • Returns the type of the object.

    Returns string