Vertex Viewer SDK
    Preparing search index...

    Interface VertexViewerMarkup

    interface VertexViewerMarkup {
        arrowTemplateId?: string;
        centeringBehavior?: MarkupCenteringBehavior;
        circleTemplateId?: string;
        disabled?: boolean;
        endLineAnchorStyle?: LineAnchorStyle;
        freeformTemplateId?: string;
        offset?: Point.Point;
        onMarkupAdded?: (
            event: VertexViewerMarkupCustomEvent<
                | HTMLVertexViewerMarkupArrowElement
                | HTMLVertexViewerMarkupCircleElement
                | HTMLVertexViewerMarkupFreeformElement,
            >,
        ) => void;
        onMarkupChanged?: (
            event: VertexViewerMarkupCustomEvent<
                | HTMLVertexViewerMarkupArrowElement
                | HTMLVertexViewerMarkupCircleElement
                | HTMLVertexViewerMarkupFreeformElement,
            >,
        ) => void;
        onMarkupRemoved?: (
            event: VertexViewerMarkupCustomEvent<
                | HTMLVertexViewerMarkupArrowElement
                | HTMLVertexViewerMarkupCircleElement
                | HTMLVertexViewerMarkupFreeformElement,
            >,
        ) => void;
        onMarkupSelectionChanged?: (
            event: VertexViewerMarkupCustomEvent<
                | HTMLVertexViewerMarkupArrowElement
                | HTMLVertexViewerMarkupCircleElement
                | HTMLVertexViewerMarkupFreeformElement
                | undefined,
            >,
        ) => void;
        originatingViewport?: Dimensions.Dimensions;
        scale?: number;
        selectedMarkupId?: string;
        selectNew?: boolean;
        startLineAnchorStyle?: LineAnchorStyle;
        tool?: ViewerMarkupToolType;
        viewer?: HTMLVertexViewerElement;
    }
    Index
    arrowTemplateId? centeringBehavior? circleTemplateId? disabled? endLineAnchorStyle? freeformTemplateId? offset? onMarkupAdded? onMarkupChanged? onMarkupRemoved? onMarkupSelectionChanged? originatingViewport? scale? selectedMarkupId? selectNew? startLineAnchorStyle? tool? viewer?
    arrowTemplateId?: string

    An HTML template that describes the HTML to use for new arrow markup. It's expected that the template contains a <vertex-viewer-markup-arrow>.

    centeringBehavior?: MarkupCenteringBehavior

    Defines the behavior of the provided markup when the originating viewport is smaller than the current viewport, or is scaled to a size smaller than the current viewport using the scale property.

    Options: - x-only: Markup will be centered horizontally, but not vertically. - y-only: Markup will be centered vertically, but not horizontally. - both: Markup will be centered both horizontally and vertically. - none: Markup will not be centered (default).

    'none'
    circleTemplateId?: string

    An HTML template that describes the HTML to use for new circle markup. It's expected that the template contains a <vertex-viewer-markup-circle>.

    disabled?: boolean

    If true, disables adding or editing of markup through user interaction.

    false
    endLineAnchorStyle?: LineAnchorStyle

    The style of the ending anchor. This defaults to 'arrow-triangle.'

    'arrow-triangle'
    freeformTemplateId?: string

    An HTML template that describes the HTML to use for new freeform markup. It's expected that the template contains a <vertex-viewer-markup-freeform>.

    offset?: Point.Point

    The current offset of the visible viewport. This value is used to determine where markup should be rendered relative to the current viewport, enabling some markup to appear "off-screen".

    When provided, all computed coordinates will be offset by this amount.

    onMarkupAdded?: (
        event: VertexViewerMarkupCustomEvent<
            | HTMLVertexViewerMarkupArrowElement
            | HTMLVertexViewerMarkupCircleElement
            | HTMLVertexViewerMarkupFreeformElement,
        >,
    ) => void

    Dispatched when a new markup is added, either through user interaction or programmatically.

    onMarkupChanged?: (
        event: VertexViewerMarkupCustomEvent<
            | HTMLVertexViewerMarkupArrowElement
            | HTMLVertexViewerMarkupCircleElement
            | HTMLVertexViewerMarkupFreeformElement,
        >,
    ) => void

    Dispatched when an existing piece of markup is changed, either through user interaction or programmatically.

    onMarkupRemoved?: (
        event: VertexViewerMarkupCustomEvent<
            | HTMLVertexViewerMarkupArrowElement
            | HTMLVertexViewerMarkupCircleElement
            | HTMLVertexViewerMarkupFreeformElement,
        >,
    ) => void

    Dispatched when a markup is removed, either through user interaction or programmatically.

    onMarkupSelectionChanged?: (
        event: VertexViewerMarkupCustomEvent<
            | HTMLVertexViewerMarkupArrowElement
            | HTMLVertexViewerMarkupCircleElement
            | HTMLVertexViewerMarkupFreeformElement
            | undefined,
        >,
    ) => void

    Dispatched when markup selection changes. Will either be the selected element or undefined indicating that selection was cleared.

    originatingViewport?: Dimensions.Dimensions

    The original viewport dimensions where this markup was created. This value is used to determine where the markup should be rendered relative to the current viewport, enabling some markup to appear "off-screen".

    When provided, all NDC values will be considered relative to this viewport.

    scale?: number

    The scale to render this markup at. This value is used to scale the element's bounds along with any offset to determine the final computed coordinates.

    When provided, all computed coordinates will be scaled by this amount.

    1
    selectedMarkupId?: string

    The ID of the markup that is selected.

    selectNew?: boolean

    Indicates if new markup should be automatically selected.

    false
    startLineAnchorStyle?: LineAnchorStyle

    The style of the starting anchor. This defaults to none.

    'none'
    tool?: ViewerMarkupToolType

    The type of markup to perform.

    'arrow'
    viewer?: HTMLVertexViewerElement

    The viewer to connect to markup. If nested within a , this property will be populated automatically.

    Settings
    Member Visibility

    On This Page
    Properties