mxEffects

Provides animation effects.

Summary
mxEffectsProvides animation effects.
Functions
animateChangesAsynchronous animated move operation.
cascadeOpacitySets the opacity on the given cell and its descendants.
fadeOutAsynchronous fade-out operation.

Functions

animateChanges

animateChanges: function(graph,
changes,
done)

Asynchronous animated move operation.  See also: mxMorphing.

Example

graph.model.addListener(mxEvent.CHANGE, function(sender, evt)
{
  let changes = evt.getProperty('edit').changes;

  if (changes.length < 10)
  {
    mxEffects.animateChanges(graph, changes);
  }
});

Parameters

graphmxGraph that received the changes.
changesArray of changes to be animated.
doneOptional function argument that is invoked after the last step of the animation.

cascadeOpacity

cascadeOpacity: function(graph,
cell,
opacity)

Sets the opacity on the given cell and its descendants.

Parameters

graphmxGraph that contains the cells.
cellmxCell to set the opacity for.
opacityNew value for the opacity in %.

fadeOut

fadeOut: function(node,
from,
remove,
step,
delay,
isEnabled)

Asynchronous fade-out operation.

animateChanges: function(graph,
changes,
done)
Asynchronous animated move operation.
cascadeOpacity: function(graph,
cell,
opacity)
Sets the opacity on the given cell and its descendants.
fadeOut: function(node,
from,
remove,
step,
delay,
isEnabled)
Asynchronous fade-out operation.
Implements animation for morphing cells.
Extends mxEventSource to implement a graph component for the browser.
Cells are the elements of the graph model.
Close