@maxgraph/core
    Preparing search index...

    Class CellRenderer

    Renders Cells into a document object model.

    In general, the CellRenderer is in charge of creating, redrawing and destroying the shape and label associated with a cell state, as well as some other graphical objects, namely controls and overlays.

    The shape hierarchy in the display (i.e. the hierarchy in which the DOM nodes appear in the document) does not reflect the cell hierarchy. The shapes are a (flat) sequence of shapes and labels inside the draw pane of the GraphView, with some exceptions, namely the HTML labels being placed directly inside the graph container for certain browsers.

    Index

    Constructors

    constructor

    Properties

    antiAlias defaultEdgeShape defaultTextShape defaultVertexShape forceControlClickHandler legacyControlPosition legacySpacing minSvgStrokeWidth

    Methods

    checkPlaceholderStyles configureOverlayShape configureShape createCellOverlays createControl createControlClickHandler createIndicatorShape createLabel createOverlayShape createShape destroy doRedrawShape getControlBounds getLabelBounds getLabelValue getShape getShapeConstructor getShapesForState getTextScale initControl initializeLabel initializeOverlay initializeShape insertStateAfter installCellOverlayListeners installListeners isLabelEvent isShapeEvent isShapeInvalid isTextShapeInvalid postConfigureShape redraw redrawCellOverlays redrawControl redrawLabel redrawLabelShape redrawShape resolveColor rotateLabelBounds

    Constructors

    Properties

    antiAlias: boolean = true

    Antialiasing option for new shapes.

    true.
    defaultEdgeShape: ShapeConstructor = ConnectorShape

    Defines the default shape for edges.

    ConnectorShape

    defaultTextShape: typeof TextShape = TextShape

    Defines the default shape for labels.

    TextShape.

    defaultVertexShape: ShapeConstructor = RectangleShape

    Defines the default shape for vertices.

    RectangleShape.

    forceControlClickHandler: boolean = false

    Specifies if the enabled state of the graph should be ignored in the control click handler (to allow folding in disabled graphs).

    false.
    legacyControlPosition: boolean = true

    Specifies if the folding icon should ignore the horizontal orientation of a swimlane.

    true.
    legacySpacing: boolean = true

    Specifies if spacing and label position should be ignored if overflow is fill or width.

    true for backwards compatibility.
    minSvgStrokeWidth: number = 1

    Minimum stroke width for SVG output.

    Methods

    • Initializes the given control and returns the corresponding DOM node.

      Parameters

      • state: CellState

        CellState for which the control should be initialized.

      • control: Shape

        Shape to be initialized.

      • handleEvents: boolean

        Boolean indicating if mousedown and mousemove should fire events via the graph.

      • clickHandler: EventListener

        Optional function to implement clicks on the control.

      Returns null | Element

    • Inserts the given CellState after the given nodes in the DOM.

      Parameters

      • state: CellState

        CellState to be inserted.

      • node: null | HTMLElement | SVGElement

        Node in GraphView.drawPane after which the shapes should be inserted.

      • htmlNode: null | HTMLElement | SVGElement

        Node in the graph container after which the shapes should be inserted that will not go into the GraphView.drawPane (e.g. HTML labels without foreignObjects).

      Returns (null | HTMLElement | SVGElement)[]

    • Returns true if the event is for the label of the given state.

      This implementation always returns true.

      Parameters

      • state: CellState

        CellState whose label fired the event.

      • evt: MouseEvent

        Mouse event which was fired.

      Returns boolean

    • Returns true if the event is for the shape of the given state.

      This implementation always returns true.

      Parameters

      • state: CellState

        CellState whose shape fired the event.

      • evt: MouseEvent

        Mouse event which was fired.

      Returns boolean

    • Replaces any reserved words used for attributes, eg. inherit, indicated or swimlane for colors in the shape for the given state. This implementation resolves these keywords on the fill, stroke and gradient color keys.

      Parameters

      Returns void

    • Updates the bounds or points and scale of the shapes for the given cell state. This is called in mxGraphView.validatePoints as the last step of updating all cells.

      Parameters

      • state: CellState

        CellState for which the shapes should be updated.

      • force: boolean = false

        Optional boolean that specifies if the cell should be reconfiured and redrawn without any additional checks.

      • rendering: boolean = true

        Optional boolean that specifies if the cell should actually be drawn into the DOM. If this is false then redraw and/or reconfigure will not be called on the shape.

      Returns void

    • Redraws the shape for the given cell state.

      Parameters

      • state: CellState

        CellState whose label should be redrawn.

      • force: boolean = false
      • rendering: boolean = true

      Returns boolean

    • Resolves special keywords 'inherit', 'indicated' and 'swimlane' and sets the respective color on the shape.

      Parameters

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods