Options
All
  • Public
  • Public/Protected
  • All
Menu

Class RectangularBoxMarkerBase

RectangularBoxMarkerBase is a base class for all marker's with rectangular controls such as all rectangle markers, text and callout markers.

It creates and manages the rectangular control box and related resize, move, and rotate manipulations.

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Object literals

Constructors

constructor

Properties

Protected _container

_container: SVGGElement

Protected _outerContainer

_outerContainer: SVGGElement

Protected height

height: number = 0

Marker height.

Protected left

left: number = 0

x coordinate of the top-left corner.

Protected manipulationStartHeight

manipulationStartHeight: number

Height at the start of manipulation.

Protected manipulationStartLeft

manipulationStartLeft: number

x coordinate of the top-left corner at the start of manipulation.

Protected manipulationStartTop

manipulationStartTop: number

y coordinate of the top-left corner at the start of manipulation.

Protected manipulationStartWidth

manipulationStartWidth: number

Width at the start of manipulation.

Protected manipulationStartX

manipulationStartX: number

x coordinate of the pointer at the start of manipulation.

Protected manipulationStartY

manipulationStartY: number

y coordinate of the pointer at the start of manipulation.

Optional notes

notes: string

Additional information about the marker

Protected offsetX

offsetX: number = 0

Pointer's horizontal distance from the top left corner.

Protected offsetY

offsetY: number = 0

Pointer's vertical distance from the top left corner.

onMarkerCreated

onMarkerCreated: (marker: MarkerBase) => void

Method called when marker creation is finished.

Type declaration

Protected rotationAngle

rotationAngle: number = 0

Marker's rotation angle.

Protected top

top: number = 0

y coordinate of the top-left corner.

Protected width

width: number = 0

Marker width.

Static title

title: string

Marker type title (display name) used for accessibility and other attributes.

Static typeName

typeName: string = "MarkerBase"

String type name of the marker type.

Used when adding MarkerView.availableMarkerTypes via a string and to save and restore state.

Accessors

Protected centerX

  • get centerX(): number

  • x coordinate of the marker's center.

    Returns number

Protected centerY

  • get centerY(): number

  • y coordinate of the marker's center.

    Returns number

container

  • get container(): SVGGElement

  • SVG container object holding the marker's visual.

    Returns SVGGElement

outerContainer

  • get outerContainer(): SVGGElement

  • Outer SVG group container not manipulated or transformed by the marker itself in any way

    Returns SVGGElement

Protected visual

  • get visual(): SVGGraphicsElement
  • set visual(value: SVGGraphicsElement): void

  • Container for the marker's visual.

    Returns SVGGraphicsElement

  • Container for the marker's visual.

    Parameters

    • value: SVGGraphicsElement

    Returns void

Methods

Protected addMarkerVisualToContainer

  • addMarkerVisualToContainer(element: SVGElement): void

  • Adds marker's root visual element to the container group.

    Parameters

    • element: SVGElement

      marker's visual element.

    Returns void

dblClick

  • dblClick(point: IPoint, target?: EventTarget): void

  • Handles pointer (mouse, touch, stylus, etc.) double click event.

    Parameters

    • point: IPoint

      event coordinates.

    • Optional target: EventTarget

      direct event target element.

    Returns void

deselect

  • deselect(): void

dispose

  • dispose(): void

Protected moveVisual

  • moveVisual(point: IPoint): void

  • Moves visual to the specified coordinates.

    Parameters

    • point: IPoint

      coordinates of the new top-left corner of the visual.

    Returns void

ownsTarget

  • ownsTarget(el: EventTarget): boolean

  • Returns true if passed SVG element belongs to the marker. False otherwise.

    Parameters

    • el: EventTarget

      target element.

    Returns boolean

pointerDown

  • pointerDown(point: IPoint, target?: EventTarget): void

  • Handles pointer (mouse, touch, stylus, etc.) down event.

    Parameters

    • point: IPoint

      event coordinates.

    • Optional target: EventTarget

      direct event target element.

    Returns void

pointerUp

  • pointerUp(point: IPoint): void

  • Handles pointer (mouse, touch, stylus, etc.) up event.

    Parameters

    • point: IPoint

      event coordinates.

    Returns void

Protected resize

  • Resizes the marker based on pointer coordinates and context.

    Parameters

    • point: IPoint

      pointer coordinates.

    Returns void

restoreState

Protected rotatePoint

  • Returns point coordinates based on the actual screen coordinates and marker's rotation.

    Parameters

    • point: IPoint

      original pointer coordinates

    Returns IPoint

scale

  • scale(scaleX: number, scaleY: number): void

  • Scales marker. Used after the image resize.

    Parameters

    • scaleX: number

      horizontal scale

    • scaleY: number

      vertical scale

    Returns void

select

  • select(): void

Protected setSize

  • setSize(): void

  • Sets control box size and location.

    Returns void

Protected unrotatePoint

  • Returns original point coordinates based on coordinates with rotation applied.

    Parameters

    • point: IPoint

      rotated point coordinates.

    Returns IPoint

Object literals

Protected defaultSize

defaultSize: object

The default marker size when the marker is created with a click (without dragging).

x

x: number = 50

y

y: number = 20

Generated using TypeDoc